html {
  font-size: 100px
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
select,
th,
td,
a,
div {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body,
button,
input,
select,
textarea {
  font-size: 12px;
  font-family: "k";
  color: #333
}

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

address,
cite,
dfn,
em,
var,
i,
s {
  font-style: normal;
}

body {
  line-height: 1;
  overflow-x: hidden;
}

ul,
ol,
li,
dd,
dl {
  list-style: none;
}

img {
  border: 0;
}

a {
  color: #000;
  text-decoration: none !important;
}

a:hover {
  cursor: pointer;
  color: #EE7318 !important;
}

/* a:visited {
  color: #EE7318 !important;
} */
a:active {
  color: #EE7318 !important;
}

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

.clearfix {
  display: inline-block;
}

.clearfix {
  display: block;
}

.fl,
.lefter {
  float: left;
}

.fr,
.righter {
  float: right;
}

.container {
  width: 15rem;
  margin: 0 auto;
}

.container2 {
  width: 78.91%;
  margin: 0 auto;
}


.tanchubox {
  background-color: rgba(157, 157, 157, 0.2);
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99998;
  display: none;
}

.tanchu {
  width: 6rem;
  height: 4rem;
  background-color: #fff;
  display: none;
  position: fixed;
  z-index: 99999;
  top: 3rem;
  left: 50%;
  transform: translate(-50%);
  padding-top: .72rem;
}

.tanchu>img {
  width: 1rem;
  height: 1rem;
  display: block;
  margin: 0 auto;
  margin-top: .5rem;
}

.tanchu p {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: .28rem;
  line-height: .42rem;
  text-align: center;
  color: #333333;
}

.close1 {
  position: absolute;
  width: .3rem;
  height: .3rem;
  right: -0.15rem;
  top: -0.15rem;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 100%;
  background-image: url(/images/close1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: .14rem .14rem;
}


.content:has(.balcony) {
  margin: 0;
  padding: 0;
  width: 100vw;
}

.pcdy:has(.balcony) {
  margin: 0;
  padding: 0;
  width: 100vw;
}

.balcony {
  width: 100vw;
  /* height: 12.07rem; */
  background-color: #F8F8F8;
  padding-left: 6.45rem;
  padding-right: 2.02rem;
}

.balconyTop {
  padding-top: 1.5rem;
  padding-left: 1.5rem;
}

.balconyTop img {
  width: 1rem;
  height: .77rem;
  margin-bottom: .3977rem;
}

.balconyTop h1 {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: .32rem;
  line-height: .54rem;
  text-transform: capitalize;
  color: #27221C;
  margin-bottom: .19rem;
}

.balconyTop p {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-size: .24rem;
  line-height: .48rem;
  color: #3E3A39;
  margin-bottom: .93rem;
}

.balconyBottom {
  display: flex;
  align-items: center;
}

.balconyBottom div {
  width: 3.9rem;
  height: 3.9rem;
  background-color: #E0E0E0;
  border-radius: 100%;
  margin-right: 1.23rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.balconyBottom div img {
  width: 1.8501rem;
  height: 2.8465rem;
}

.balconyBottom>img {
  width: 5.39rem;
  height: 1.72rem;
}

.ballist {
  width: 100vw;
  background-color: #fff;
  padding: 1.2rem 2.02rem;
  padding-bottom: 0;
}


.ballist ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border-bottom: .01rem solid #CBCBCB;
}

.ballist ul li {
  width: 33.3%;
  margin-bottom: 1.12rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ballist ul li img {
  /* width: .62rem;
  height: .62rem; */
  margin-bottom: 0.5rem;
}

.ballist ul li p:first-of-type {
  height: 1.12rem;
}

.ballist ul li p {
  /* width: 4.1rem; */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-size: .2rem;
  line-height: .36rem;
  text-align: center;
  color: #3E3A39;
}

.balconnection {
  background-color: #fff;
  margin: .74rem 2.02rem;
  border-bottom: 1px solid #CBCBCB;
  height: 11rem;
  position: relative;
}

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

.balcoTop div h1 {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: .32rem;
  line-height: .54rem;
  text-transform: capitalize;
  color: #27221C;
  margin-bottom: .16rem;
}

.balcoTop div img {
  width: 1.0891rem;
  height: .3515rem;
}

.balcoTop>img {
  margin: 0;
  width: 1.1036rem;
  height: .8461rem;
}

.qipao1 {
  width: 7.55rem;
  height: 7.37rem;
  position: absolute;
  left: 0;
  top: 2.33rem;
  z-index: 1;
}

.qipao2 {
  width: 8.16rem;
  height: 8.1rem;
  position: absolute;
  left: 7.35rem;
  top: 1.04rem;
  z-index: 2;
}

.balbtn {
  padding-top: 1.09rem;
  padding-bottom: 1.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.balbtn h1 {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: .32rem;
  line-height: .38rem;
  color: #000000;
  margin-bottom: .39rem;
}

.balbtn a {
  display: flex;
  width: 3.6rem;
  height: .7rem;
  justify-content: center;
  align-items: center;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: .24rem;
  color: #005F66;
  border: .02rem solid #005F66;
  border-radius: .5rem;
}

.balbtn a:hover {
  background-color: #005F66;
  color: #fff;
}

@media only screen and (min-width:1600px) and (max-width:1680px) {
  .container {
    width: 84%;
  }
}

@media only screen and (min-width:1270px) and (max-width:1460px) {}

:focus {
  outline: none;
}

.rela {
  position: relative;
}

.cb {
  clear: both;
}

.tc {
  text-align: center;
}

.tl {
  text-align: left;
}

.tr {
  text-align: right;
}

.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.list li {
  float: left;
}

.list li.last {
  margin-right: 0 !important;
}

.block {
  display: block;
}

/*icon*/
.icon {
  display: inline-block;
  background: url(../images/tel.png) no-repeat;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background-size: 20px;
  margin-right: 5px;
}

@font-face {
  font-family: "b";
  src: url("../font/HarmonyOS_Sans_Bold.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "l";
  src: url("../font/HarmonyOS_Sans_Light.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "m";
  src: url("../font/HarmonyOS_Sans_Medium.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "r";
  src: url("../font/HarmonyOS_Sans_Regular.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "k";
  src: url("../font/ll-Regular.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "t";
  src: url("../font/HarmonyOS_Sans_Black.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "bb";
  src: url("../font/Roboto-Bold.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "ll";
  src: url("../font/Roboto-Light.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "mm";
  src: url("../font/Roboto-Medium.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "rr";
  src: url("../font/Roboto-Regular.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
}


@media only screen and (max-width:1920px) {
  html {
    font-size: 100px
  }

  .container {
    width: 15rem;
    margin: 0 auto;

  }

  .mbProducts {
    display: none;
  }

  .mbSolutions {
    display: none;
  }

  .mbhzhb {
    display: none;
  }
}

@media only screen and (max-width:1680px) {
  html {
    font-size: 87.5px
  }

  .container {
    width: 15rem;
    margin: 0 auto;
  }
}

@media only screen and (max-width:1600px) {
  html {
    font-size: 83.3px
  }

  .container {
    width: 15rem;
    margin: 0 auto;
  }
}

@media only screen and (max-width:1440px) {
  html {
    font-size: 100px
  }

  .container {
    width: 15rem;
    margin: 0 auto;
  }
}

@media only screen and (max-width:1400px) {
  html {
    font-size: 75px
  }

  .container {
    width: 15rem;
    margin: 0 auto;
  }
}

@media only screen and (max-width:1366px) {
  html {
    font-size: 71.1px
  }

  .container {
    width: 15rem;
    margin: 0 auto;
  }
}

@media only screen and (max-width:1360px) {
  html {
    font-size: 70.8px
  }

  .container {
    width: 15rem;
    margin: 0 auto;
  }
}

@media only screen and (max-width:1280px) {
  html {
    font-size: 66.7px
  }

  .container {
    width: 15rem;
    margin: 0 auto;
  }
}

@media only screen and (max-width:1152px) {
  html {
    font-size: 60px
  }

  .container {
    width: 15rem;
    margin: 0 auto;
  }
}

@media only screen and (max-width:1024px) {
  html {
    font-size: 53.3px
  }

  .container {
    width: 15rem;
    margin: 0 auto;
  }
}

.head {
  width: 100%;
  height: 0.9rem;
  position: fixed;
  top: 0;
  display: flex;
  justify-content: space-between;
  padding: 0 0 0 0.43rem;
  z-index: 99;

}

.head ul {
  display: flex;
}

.head ul li>a {
  font-family: 'll';
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  line-height: .23rem;
  padding-top: 0.4rem;
  padding-bottom: 0.25rem;
  display: block;
  color: #FFFFFF;
  margin: 0 0.2rem;
  border-bottom: 0.02rem solid #00000000;
}

.head ul li:hover>a {
  color: #EE731B;
  border-bottom: 0.02rem solid #EE731B;
}

.dylogo {
  width: 2rem;
  height: 0.3497rem;
  background: url(../images/logo反白.svg) no-repeat;
  background-size: 2rem 0.3497rem;
  margin-top: 0.3rem;
}

.headbtn {
  display: flex;
  align-items: center;
}

.dyss {
  height: 0.22rem;
  width: 2.22rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.dyss input[type='text'] {
  border: 0;
  outline: 0;
  background: #00000000;
  border-bottom: 0.01rem solid #fff;
  font-family: 'l';
  font-style: normal;
  font-weight: 300;
  font-size: 0.16rem;
  line-height: 0.19rem;
  width: 0;
  text-transform: capitalize;
  color: #FFFFFF;
}

.dyss input[type='button'] {
  width: 0.22rem;
  height: 0.22rem;
  border: 0;
  outline: 0;
  background: url(../images/ssw.png) no-repeat;
  background-size: 0.22rem 0.22rem;
}

.sss {
  width: auto !important;
}

.dygw {
  width: 0.68rem;
  height: 100%;
  background: url(../images/gww1.png) no-repeat center;
  background-size: 0.24rem 0.24rem;
  margin-right: 17px;
}

.dylang {
  width: 0.2rem;
  height: .2rem;
  background: url(../images/language.png) no-repeat;
  background-size: 0.2rem 0.2rem;
  margin-left: 0rem;
  margin-right: 0.25rem;
  position: relative;
  cursor: pointer;
}

.selectlang {
  width: 1rem;
  position: absolute;
  top: .7rem;
  left: -.4rem;
  background-color: #fff;
  display: none;
  border-radius: 8px;
}

.selectlang i {
  position: absolute;
  display: inline-block;
  width: 0.15rem;
  height: 0.15rem;
  background-color: #FFFFFF;
  top: -0.1rem;
  left: 50%;
  transform: translateX(-50%);
  rotate: -45deg;
}

.selectlang div {

  text-align: center;
}

.selectlang div a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'll';
  font-style: normal;
  font-size: .16rem;
  text-align: center;
  text-transform: capitalize;
  color: #000000;
  margin-bottom: .15rem;
  margin-top: .15rem;
}

.Inquiry {
  width: 0.9rem;
  height: 0.3rem;
  border: 0.01rem solid #FFFFFF;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'll';
  font-style: normal;
  font-weight: 300;
  font-size: 0.16rem;
  line-height: 0.19rem;
  text-transform: capitalize;
  color: #FFFFFF;
}

.head2 {
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}

.head2.headwhite {
  background: #fff;
  padding-left: .43rem;
}

.head2 .dylogo {
  background: url(../images/logo原色1.svg) no-repeat;
  background-size: 2rem 0.3497rem;
}

.head2 ul li>a {
  font-family: 'll';
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  line-height: .23rem;
  color: #3E3A39;
}

.head2 ul li>a::before {
  display: flex;
  content: attr(title);
  font-weight: bold;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.head2 ul li:hover>a {
  font-weight: bold;
}

.head2 .dyss input[type='button'] {
  background: url(../images/ssg.png) no-repeat;
  background-size: 0.22rem 0.22rem;
}

.head2 .dyss input[type='text'] {
  border-bottom: 0.01rem solid #333;
  color: #333;
}

.head2 .dygw {
  background: none;
  background-color: #EE7318;
  background-size: 0.22rem 0.29rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.head2 .dygw img {
  width: 0.24rem;
  height: 0.24rem;
  display: block !important;
}

.head2 .dygw p {
  display: none !important;
  font-size: .2rem;
}

.head2 .dygw:hover img {
  display: none !important;
}

.head2 .dygw:hover p {
  display: block !important;
}

.head2 .dylang {
  background: url(../images/language1.png) no-repeat;
  background-size: 0.2rem 0.2rem;
}

.head2 .Inquiry {
  border: 0.01rem solid #FF852C;
  color: #fff;
  background: #FF852C;
}

.headhover {
  border-top: 1px solid #D9D9D9;
  width: 100%;
  height: 3.68rem;
  background: #fff;
  position: fixed;
  top: 0.9rem;
  display: flex;
  justify-content: center;
  left: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}

.headhover a>div {
  width: 1.64rem;
  height: 2.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
}

.headhover a {
  margin: 0.42rem 0.725rem 0;
}

.headhover a p {
  width: 100%;
  text-align: center;
  margin-top: 0.36rem;
  font-family: 'll';
  font-style: normal;
  font-weight: 300;
  font-size: 0.18rem;
  line-height: 0.21rem;
  /* text-transform: capitalize; */
  color: #333333;
}

.headhover a>div img {
  width: 100%;
  height: 100%;
}

.headhover a>div .is_active {
  width: 100%;
  height: 100%;
  display: none;
}

.headhover a:hover>div img {
  display: none;
}

.headhover a:hover>div .is_active {
  display: block;
}

.headhover a:hover p {
  color: #EE731B;
}

.mbbanner {
  display: none;
}

.dybanner {
  width: 100%;
  height: 8.79rem;
  margin-top: .9rem;
}

.dybanner .items {
  position: relative;
}

.bannernr {
  position: absolute;
  top: 3.68rem;
  left: 1.87rem;
  z-index: 10000000;
}

.bannernr .ReadMore {
  background: #005F66;
  left: 0;
  transform: translateX(0);
  color: #FFFFFF;
  font-family: 'll';
  font-style: normal;
  font-weight: 300;
  font-size: .18rem;
  line-height: .4rem;
  text-transform: capitalize;
  color: #FFFFFF;
}

.bannernr h5 {

  font-family: ll;
  font-size: .52rem;
  font-weight: 400;
  line-height: .6rem;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;

}

.bannernr h6 {

  font-family: ll;
  font-size: .42rem;
  font-weight: 300;
  line-height: .6rem;
  letter-spacing: 0em;
  text-align: left;
  margin-top: .1rem;
  color: #333333;

}

/* .selectlang {
  width: 2rem;
  position: absolute;
  top: .5rem;
  right: -0.9rem;
  background-color: #fff;
  display: none;

} */

/* .selectlang div {
  height: .5rem;
  text-align: center;
}

.selectlang div a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'll';
  font-style: normal;
  font-size: .16rem;
  text-align: center;
  text-transform: capitalize;
  color: #000000;
  margin-bottom: .15rem;
} */

.dybanner .swiper-slide img {
  width: 100%;
  height: 100%;
}

.dybanner .swiper-button-next:after,
.dybanner .swiper-rtl .swiper-button-prev:after {
  display: none;
}

.dybanner .swiper-button-prev:after,
.dybanner .swiper-rtl .swiper-button-next:after {
  display: none;
}

.dybanner .swiper-button-next,
.dybanner .swiper-rtl .swiper-button-prev {
  right: 0.3699rem;
  left: auto;
  background: url(../images/dyr.png);
  background-size: 0.1302rem 0.2779rem;
}

.dybanner .swiper-button-prev,
.dybanner .swiper-rtl .swiper-button-next {
  left: 0.3699rem;
  right: auto;
  background: url(../images/dyl.png);
  background-size: 0.1302rem 0.2779rem;
}

.dybanner .swiper-button-next,
.dybanner .swiper-button-prev {
  background: none;
  position: absolute;
  top: 50%;
  width: 0.1302rem;
  height: 0.2779rem;
  margin-top: calc(0px - (var(--swiper-navigation-size)/2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.de img{
  width: .15rem;
	height: .28rem;
}
.de{
	overflow: hidden;	
	width: .15rem;
	height: .28rem;
	display: flex;justify-content:center; align-items: center;
}
.dybanner .swiper-button-next:hover .de img{
  transform: translateY(-100%);
  filter: drop-shadow(0 .28rem #EE731B);
}
.dybanner .swiper-button-prev:hover .de img{
  transform: translateY(-100%);
  filter: drop-shadow(0 .28rem #EE731B);
}
.droplist {
  display: none;
}

.bigsearch {
  display: none;
}

.mbhead {
  display: none;
}

/* 底部 */
.dyfoot {
  width: 100%;
  height: 4.97rem;
  background: url(../images/dyfoot.png);
  background-size: 100% 4.97rem;
  padding: 0 2.01rem;
}

.dyfootct {
  display: flex;
  border-bottom: 0.01rem solid #4A4A4A;
  padding-bottom: 0.7rem;
}

.dyfootleft {
  margin-top: 1.2rem;
  margin-right: 2.5rem;
  position: relative;
}

.dyfootleft ul {
  display: flex;
  width: 3.8794rem;
  justify-content: space-around;
}

.dyfootleft .footlogo img {
  width: 1.9rem;
  margin-bottom: .44rem;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.dyfootleft p {
  font-family: ll;
  font-size: .2rem;
  font-weight: 300;
  line-height: .23rem;
  letter-spacing: 0em;
  text-align: center;
  color: #FFFFFF;

  width: 3.8794rem;
  opacity: 0.7;
  margin-bottom: .47rem;
}



.dyfootbtn {
  width: .48rem;
  height: .48rem;
  background-color: #15959E;
  border-radius: 100%;
  position: absolute;
  right: .05rem;
  top: .05rem;
  color: #fff;
  font-size: .2rem;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.dyfootleft ul li {
  width: .3rem;
  height: .3rem;
  margin: 0 .15rem;
}

.dyfootleft ul li img {
  width: 100%;
  height: 100%;
}

.dyfootright {
  margin-top: 0.84rem;
  display: flex;
}

.dyfootright ul {
  width: 2rem;
  margin-right: 0.5rem;
}

.dyfootright ul div {
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: .2rem;
  line-height: .23rem;
  color: #FFFFFF;
  margin-bottom: .2rem;
}

.dyfootright ul li a {
  font-family: 'll';
  font-style: normal;
  font-weight: 300;
  font-size: .16rem;
  line-height: .38rem;
  text-transform: capitalize;
  color: #FFFFFF;
  opacity: 0.8;
}

.dyfootright ul li a:hover {
  color: #15959E !important;
}

.dyfootcopy {
  display: flex;
  justify-content: space-between;
  margin-top: .29rem;
}

.dyfootcopy a:hover {
  color: #15959E !important;
}

.dyfootcopy p {
  font-family: 'll';
  font-style: normal;
  font-weight: 300;
  font-size: .16rem;
  line-height: .19rem;
  text-transform: capitalize;
  color: #6E6F75;
}

/* index */
.hzhbswip {
  padding: 0 .28rem;
  width: 85vw;
}

.hzhbswip .items {
  width: 2.2rem;
  height: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;

}

.hzhbswip .items img {
  max-height: 1.08rem;
  max-width: 2rem;
}

.hzhb {
  width: 100%;
  padding: .97rem 0 1.19rem;
  background: #FFFFFF;
  position: relative;
}

.hzhb .swiper-button-next:after,
.hzhb .swiper-button-prev:after {
  content: '';
  display: flex;
  justify-content: center;
  align-items: center;
}

.hzhb .swiper-button-prev1 {
  position: absolute;
  left: .5rem;
  top: 58%;
}

.hzhb .swiper-button-next1 {
  position: absolute;
  right: .6rem;
  top: 58%;
}

.hzhb .swiper-button-next:after img,
.hzhb .swiper-button-prev:after img {
  width: .24rem;
  height: .24rem;
}

.hzhb h6 {
  font-family: ll;
  font-size: .52rem;
  font-weight: 500;
  line-height: .61rem;
  letter-spacing: 0em;
  text-align: center;
  color: #000000;
  margin-bottom: .52rem;
}

.hzhb p {
  font-family: ll;
  font-size: .2rem;
  font-weight: 300;
  line-height: .23rem;
  letter-spacing: 0em;
  text-align: center;
  color: #525854;
  margin: .15rem 0 .53rem;
}

.ReadMore {
  display: inline-block;
  width: 1.46rem;
  height: .42rem;
  line-height: .42rem;
  text-align: center;
  border: 1px solid #005F66;
  border-radius: 50px;
  margin-top: .53rem;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.ReadMore:hover {}

/* .Products */
.Products {
  width: 100%;
  background: url(../images/Productsbgi.png);
  display: flex;
  padding: 1.44rem 0 1.45rem 2.01rem;
  position: relative;
}

.Productsl {
  width: 8.72rem;
  height: 5.79rem;
}

.Productsl img {
  width: 100%;
  height: 100%;
}

.Products .shuxain {
  height: 100%;
  position: absolute;
  width: .02rem;
  background: #005F66;
  top: 0;
  right: 6.89rem;
}

.Productsr {
  margin-left: 1.56rem;
}

.Productsr h6 {
  font-family: ll;
  font-size: .48rem;
  font-weight: 500;
  line-height: .56rem;
  letter-spacing: 0em;
  text-align: center;
  color: #000000;
}

.Productsr ul>li {
  position: relative;
  padding-left: 1.39rem;
  margin-top: .7rem;
  cursor: pointer;
}

.Productsr ul li p {
  display: none;
  width: 3.04rem;
  /* height: .82rem; */
  font-family: ll;
  font-size: .2rem;
  font-weight: 300;
  line-height: .36rem;
  letter-spacing: 0em;
  text-align: left;
  margin-top: .24rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  position: relative;
  right: -0.42rem;
  padding-left: 0.19rem;
}

.Productsr .active1 .hengxian {
  position: absolute;
  width: 1rem;
  height: .005rem;
  background: #005F66;
  left: 0;
  top: .21rem;
}

.Productsr .active .hengxian {
  position: absolute;
  width: 1rem;
  height: 1px;
  background: #005F66;
  left: 0;
  top: .21rem;
}

.biaoti img {
  width: .42rem;
  height: .42rem;
}

.biaoti img:last-of-type {
  display: none;
}

.biaoti img:last-of-type {
  display: none;
}

.Productsr .active .biaoti img:last-of-type,
.active1 .biaoti img:last-of-type {
  display: block;
}

.Productsr .active .biaoti img:first-of-type,
.active1 .biaoti img:first-of-type {
  display: none;
}

.biaoti {
  display: flex;
  align-items: center;
}

.biaoti span {
  display: inline-block;
  font-family: ll;
  font-size: .24rem;
  font-weight: 400;
  line-height: .42rem;
  letter-spacing: 0em;
  text-align: left;
  margin-left: .19rem;
  /* text-transform: capitalize; */
}

.Productsr ul .active1 p {
  display: block;
}

.active1 .biaoti span {
  color: #005F66;
}

.active .biaoti span {
  color: #005F66;
}

/* Solutions */
.Solutions {
  width: 100%;
  height: 8.68rem;
  padding: 1.46rem 0 3.92rem 2.01rem;
  background: url(../images/Solutions2.png) no-repeat;
  background-size: cover;
  background-position: right;
  position: relative;
}

.Solutions h6 {
  font-family: ll;
  font-size: .52rem;
  font-weight: 500;
  line-height: .61rem;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  margin-bottom: .74rem;
}

.Solutionst img,
.Solutionsb img {
  width: .42rem;
  height: .42rem;
  margin-right: .22rem;
}

.Solutionst img:last-of-type,
.Solutionsb img:last-of-type {
  display: none;
}

.Solutions .active2 img:last-of-type {
  display: block;
}

.Solutions .active2 img:first-of-type {
  display: none;
}

.Solutions .active2 h5 {
  color: #005F66;
}

.Solutionsb,
.Solutionst {
  display: flex;
  cursor: pointer;
}

.Solutionsb {
  margin-top: .7rem;
}

.Solutions h5 {
  font-family: ll;
  font-size: .24rem;
  font-weight: 700;
  line-height: .28rem;
  letter-spacing: 0em;
  text-align: left;
  color: #3D3D3D;
  margin-bottom: .16rem;
  margin-top: .05rem;
}

.Solutions p {
  width: 4.46rem;
  font-family: ll;
  font-size: .2rem;
  font-weight: 300;
  line-height: .36rem;
  letter-spacing: 0em;
  text-align: left;
}

.stswip1 {
  position: absolute;
  right: 2.12rem;
  top: 1.51rem;
}

.stswip {
  width: 8.48rem;
  height: 5.65rem;
}

.stswip img {
  width: 8.48rem;
  height: 5.65rem;
}

.stswip1 .swiper-pagination-bullet:first-of-type::before {
  content: '01';
  font-family: ll;
  font-size: .2rem;
  font-weight: 400;
  line-height: .23rem;
  letter-spacing: 0em;
  text-align: left;
  position: relative;
  top: -0.11rem;
  left: -0.55rem;
}

.stswip1 .swiper-pagination-bullet:last-of-type::after {
  content: '02';
  font-family: ll;
  font-size: .2rem;
  font-weight: 400;
  line-height: .23rem;
  letter-spacing: 0em;
  text-align: left;
  position: relative;
  top: -0.11rem;
  right: -0.9rem;
}

.stswip1 .swiper-pagination-bullet {
  width: .8rem;
  height: .01rem;
  border-radius: 0;
  margin: 0 !important;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  /* left: -9.5rem; */
  width: 100%;
}

/* solar */
.solar {
  width: 100%;
  padding: 1.31rem 2.36rem 2.43rem 3.18rem;
  background: #F3F5FF;
  position: relative;
}

.solar>div>a>img {
  width: 5.4rem;
}

.solar h6 {
  font-family: ll;
  font-size: .52rem;
  font-weight: 500;
  line-height: .61rem;
  letter-spacing: 0em;
  text-align: center;
  color: #000000;
  position: relative;
  left: -0.41rem;
}

.solar>div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .65rem;
}

.solarnr {
  display: inline-block;
  width: 6.4rem;
  height: 3.68rem;
  background: #E8F2FF;
  padding: 0.58rem 0rem 0.54rem 0.77rem;
}

.solarnr:hover span {
  /* color: #EE731B !important; */
}

/* .solarnr p:hover span {
  color: #EE731B !important;
} */

.solarnr p {
  display: flex;
  align-items: center;
}

.solarnr p span:first-of-type {
  display: inline-block;
  width: 1.3rem;
  font-family: 'rr';
  font-style: normal;
  font-weight: 500;
  font-size: .24rem;
  line-height: .64rem;
  text-transform: capitalize;
  color: #3D3D3D;
  margin-left: 0.15rem;
  margin-right: 0.19rem;
}

.solarnr p span:last-of-type {
  font-family: 'rr';
  font-size: .24rem;
  font-weight: 400;
  line-height: .64rem;
  letter-spacing: 0em;
  text-align: left;

  color: #3D3D3D;
}

.solar>div>img {
  width: 5.4rem;
  height: 1.91rem;
}

.makmor {
  display: inline-block;
  margin-top: .83rem;
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: .32rem;
  line-height: .28rem;
  text-transform: capitalize;
  color: #005F66;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.makmor:hover {
  color: #EE7318 !important;
}

.shizi1 {
  display: inline-block;
  width: 2.33rem;
  height: 1px;
  background: #B0CDF2;
  position: absolute;
  top: 2.57rem;
  left: 1.5rem;
}

.shizi2 {
  display: inline-block;
  width: 1px;
  height: 2.58rem;
  background: #B0CDF2;
  position: absolute;
  top: 2.29rem;
  left: 2rem;
}

/* Exhibitions */
.Exhibitions {
  width: 100%;
  padding: 1.06rem 0 1rem;
  position: relative;
  background: #F5F7F9;
}

.henchouxian {
  height: .01rem;
  width: 100%;
  position: absolute;
  top: 2.8rem;
  background: #DADADB;
}

.Exhibitions h6 {
  font-family: bb;
  font-size: .48rem;
  font-weight: 500;
  line-height: .56rem;
  letter-spacing: 0em;
  text-align: center;
  color: #000000;
  margin-bottom: .55rem;
}

.Exswpi {
  width: 15rem;
  margin: 0 auto;
}

.myyratswiper .items {

  position: relative;
}

.myyratswiper .items .dates {
  font-family: ll;
  font-size: .32rem;
  font-weight: 500;
  line-height: .38rem;
  letter-spacing: 0em;
  text-align: center;

}

.myyratswiper .items .sjxian {
  width: 1.6rem;
  height: .04rem;
  background: #005F66;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-top: .24rem;
  margin-bottom: .36rem;
}

.exitxq {
  width: 4.72rem;
  height: 5.74rem;
  padding-top: .62rem;
  padding-left: .37rem;
}

.exitxq1 {
  display: none;
  border-radius: 12px;
  width: 4.72rem;
  /* height: 5.7rem; */
  background-color: #FFFFFF;
  padding-top: .62rem;
  padding-left: .37rem;
  padding-bottom: 20px;
}

.active4 .exitxq1 {
  display: block;
  background-color: #FFFFFF;
}

.biaodan11 {
  font-size: .2rem;
  width: 60%;
  display: inline-block;
  position: relative;
  left: 46%;
  transform: translateX(-50%);
  background: #005F66;
  color: #FFFFFF;
  /* padding: .05rem .1rem; */
  border-radius: 15px;
  height: .35rem;
  margin: .1rem 0;
  cursor: pointer;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.exitxq1 h1:hover{
  background: #EE731B;
}

/* .exitxq1 h1{
  display: none;
} */
.active4 .exitxq {
  display: none;
}

.active5 .exitxq1 {
  display: block;
}

.active5 .exitxq {
  display: none;
}

.active4 .sjxian {
  background: #EE7318 !important;
}
.exitxq1 p:nth-of-type(3){
  height: .56rem;
}
.exitxq1 p {
  display: flex;
  align-items: center;
  font-family: ll;
  font-size: .2rem;
  font-weight: 400;
  line-height: .28rem;
  letter-spacing: 0em;
  text-align: left;
  color: #3D3D3D;
  padding-right: .04rem;
}

.exitxq1 p span {
  display: inline-block;
  width: 1.2rem;
  margin-right: .13rem;
  font-family: mm;
  font-size: .2rem;
  font-weight: 500;
  line-height: .48rem;
  letter-spacing: 0em;
  text-align: left;
  color: #3D3D3D;
}

.exitxqbt {
  font-family: bb;
  font-size: .24rem;
  font-weight: 700;
  line-height: .28rem;
  letter-spacing: 0em;
  text-align: left;
  color: #3D3D3D;
  margin-bottom: .26rem;
}

.exitxq p {
  font-family: ll;
  font-size: .2rem;
  font-weight: 400;
  line-height: .23rem;
  letter-spacing: 0em;
  text-align: left;
  color: #777777;
  display: flex;
  align-items: center;

  margin-bottom: .27rem;
}

.Exhibitions .swiper-button-next,
.Exhibitions .swiper-button-prev {
  top: 24.5% !important;
}

.dybox:has(.Exhibitions) .content {
  display: none;
}

.imgshow:has(.Exhibitions) .content {
  display: none;
}

.cplist:has(.Exhibitions) .content {
  display: none;
}

.Exhibitions .swiper-button-next:after,
.Exhibitions .swiper-button-prev:after {
  content: '' !important;
}

.Exhibitions .swiper-button-next {
  right: 1.4rem !important;
}

.Exhibitions .swiper-button-prev {
  left: 1.4rem !important;
}

/* partnership1 */
.dybox {
  width: 100vw;
}

.partnerbanner {
  width: 100%;
  height: 6.55rem;
  background: url(../images/partnerbanner.png) no-repeat;
  background-size: 19.03rem 6.55rem !important;
}

.lvbac {
  display: flex;
  width: 100%;
  height: .8rem;
  background-color: #005F66;
  align-items: center;
}

.lvbac div {
  width: 50vw;
  height: 100%;
  display: flex;
  align-items: center;
}

.lvbac div.active {
  border-bottom: .02rem solid #EC731A;
}

.lvbac div:hover {
  border-bottom: .02rem solid #EC731A;
}

.lvbac a {
  display: block;
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: 0.3rem;
  text-align: center;
  text-transform: capitalize;
  color: #FFFFFF;
  width: 100%;
  height: 0.4rem;
  line-height: .4rem;
}

.lvbac a:hover {
  color: #EE7318;
}

.lvbac a:first-child {
  border-right: .01rem solid #43888D;
}

.becomeinstaller {
  padding: 0.5rem 1.59rem 1.01rem;
}

.become:hover a {
  border-bottom: 1px solid #fff;
  color: #fff !important;
}

.becomeinstaller h1 {
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: .48rem;
  line-height: .56rem;
  text-align: center;
  /* text-transform: capitalize; */
  color: #000000;
}

.becomeinstaller ul {
  display: flex;
}

.becomeinstaller ul li {
  width: 4.7rem;
  height: 6.72rem;
  background-color: #FEF8F3;
  margin-right: .45rem;
  border-top-left-radius: .8rem;
  border-bottom-right-radius: .8rem;
  margin-top: 1.19rem;
  padding: 1.2rem .53rem 0 .57rem;
}

.zslistctbx {
  padding: .85rem 2rem;
}

.zslistctbx .zslistct ul li img {
  height: 100%;
}

.becomeinstaller ul li img {
  width: .74rem;
  margin-bottom: .5714rem;

}

.becomeinstaller ul li h2 {
  font-family: 'll';
  font-style: normal;
  font-weight: 700;
  font-size: .24rem;
  line-height: .42rem;
  /* text-transform: capitalize; */
  color: #3E3A39;
  margin-bottom: .31rem;
  zoom: 0.9;
}

.becomeinstaller ul li p {
  font-family: 'll';
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  line-height: .38rem;
  /* text-transform: capitalize; */
  color: #3E3A39;
  zoom: 0.92;
}

.becomeinstaller ul li.active {
  margin-top: .59rem;
  background-color: #F2F7F7;
}

.interested1 {
  background-color: #F5F7F9;
  padding: 1.1rem 0 1.18rem 2.01rem;
}

.interestedct,.interestedct1 {
  display: flex;
  justify-content: space-between;
}

.interested1 h1 {
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: .32rem;
  line-height: .38rem;
  text-align: center;
  /* text-transform: capitalize; */
  color: #000000;
  margin-bottom: .68rem;
  position: relative;
  left: -1.005rem;
}

.interestedformcontrol {
  margin-bottom: .3rem;
}

.interestedformcontrol input {
  background-image: url(../images/xinxinhao.png);
  width: 5.51rem;
  height: 0.6rem;
  border-radius: 0.08rem;
  background-color: #F5F7F9;
  border: 0.01rem solid #D1D1D1;
  font-family: 'll';
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  line-height: .23rem;
  padding-left: 0.23rem;
  color: #888E8A;
  background-repeat: no-repeat;
  /* background-position: .7rem .2rem; */
}
.interestedformcontrol:nth-of-type(1) input {
  background-position: .8rem .2rem !important;
}
.interestedformcontrol:nth-of-type(2) input {
  background-position: .8rem .2rem !important;
}
.interestedformcontrol:nth-of-type(3) input {
  background-position: 1.15rem .2rem !important;
}
.interestedformcontrol:nth-of-type(4) input {
  background-position: 1rem .2rem !important;
}



.interestedformcontrol textarea {
  background-image: url(../images/xinxinhao.png);
  margin-bottom: 0.07rem;
  border-radius: 0.08rem;
  background-color: #F5F7F9;
  border: 0.01rem solid #D1D1D1;
  width: 5.51rem;
  height: 2.2rem;
  font-family: 'll';
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  line-height: .23rem;
  padding-left: 0.23rem;
  color: #888E8A;
  padding-top: 0.2rem;
  background-repeat: no-repeat;
  background-position: 3.6rem  .2rem;
}

.interestedSubmit {
  width: 1.8rem;
  height: .52rem;
  background-color: #EE7318;
  border-radius: 0.5rem;
  border: none;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  color: #FFFFFF;
}

.interestedRight img {
  width: 10.5778rem;
}

.becomeinstaller2 ul li {
  width: 3.5rem;
  height: 4.6rem;
  padding-top: .83rem;
}

/* history */

.dybox:has(.companyProfile) .zsbanner {
  width: 100%;
  height: calc(100vh - 0.9rem) !important;
  background-image: url(/images/aboutbanner.jpg) !important;
  background-repeat: no-repeat;
  background-size: cover !important;
}

.historybanner {
  width: 100%;
  height: calc(100vh - 0.86rem);
  background: url(/images/history.jpg) no-repeat;
  background-size: cover;
}

.companyProfile h1 {
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: .48rem;
  line-height: .56rem;
  text-align: center;
  text-transform: capitalize;
  color: #000000;
  margin-top: 1rem;
  margin-bottom: .55rem;
}

.profilectbx {
  display: flex;
  position: relative;
  margin-bottom: 1.35rem;
}



/* .profilect::-webkit-scrollbar {
  width: .3rem;
  background-color: rgba(0, 0, 0, 0);

}

.profilect::-webkit-scrollbar-thumb {
  opacity: 0;
  height: .3rem;
  width: .3rem;
  background-image: url(/images/gundonglogo.png);
  background-repeat: no-repeat;
  background-position: center .5rem;
  background-size: 0.3rem 0.3rem;
}

.profilect::-webkit-scrollbar-track {
  border-radius: 0;

} */


.profilect1 h2 {
  font-family: 'mm' !important;
  font-style: normal;
  font-weight: 500;
  font-size: .24rem;
  line-height: .28rem;
  color: #27221C;
  margin-top: .5rem;
  margin-bottom: .29rem;
}

.wrapper {
  position: relative;
  z-index: 2;
  font-size: 0;
  width: 6.29rem;
  height: 4rem;
  overflow: hidden;
}

.profilect {
  padding-right: .57rem;
  width: 7rem;
}

.profilebox {
  width: 7rem;
  height: 4rem;
  position: absolute;
  top: 0;
  overflow: hidden auto;
}

.profilect h3 {
  width: 6.29rem;
  /* margin-right: 50px; */
}



#scroll_bar {
  background: #EE731B;
  position: absolute;
  right: 9px;
  top: 0;
  height: .3rem;
  width: .1rem;
  /* background-image: url(/images/gundonglogo.png); */
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  z-index: -1;
  border-radius: 2px;
}

.profilebox::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0);
}


.gundt {
  position: absolute;
  width: .01rem;
  height: 4.18rem;
  background: linear-gradient(to bottom, #CFCFCF, #DADADA00);
  right: 0.145rem;
  background-size: cover;
  top: 0.1rem;
  z-index: -2;
}

.profilect h2 {
  font-family: HarmonyOS Sans SC !important;
  font-style: normal;
  font-weight: 500;
  font-size: .24rem;
  line-height: .28rem;
  color: #27221C;
  margin-bottom: 0.29rem;
}

.profilect h3 {
  font-family: 'arial, helvetica, sans-serif;' !important;
  font-style: normal;
  font-weight: 400;
  font-size: 0.2rem;
  line-height: 0.40rem;
  color: #666666;
}

.profilect p {
  font-family: 'll';
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  line-height: .4rem;
  text-transform: capitalize;
  color: #666666;
  margin-bottom: .29rem;
}



.content:has(.historyctbx) {
  width: 100vw;
  margin-bottom: 0 !important;
}

.historyc {
  background-color: #F5F7F9;
}

.historyc h1 {
  position: relative;
  height: 2.37rem;
  width: calc(100vw - 4rem);
  margin: 0 auto;
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: .48rem;
  text-align: center;
  text-transform: capitalize;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.jianbianborder1 {
  position: absolute;
  width: 100%;
  height: .01rem;
  background: linear-gradient(to right, #DADADA00, #CFCFCF, #DADADA00);
  top: 99%;
  left: 0;
}

.historyctbx {
  width: 100%;
  background-color: #F5F7F9;
}

.historyct {
  width: 15rem;
  margin: 0 auto;
}


.historyquxian {
  width: 15rem;
}


/* cases */
.dybox {
  background-color: #FFFFFF !important;
  width: 100vw;
}

.cases {
  background-color: #F5F7F9;
  padding: .85rem 0 .34rem 0rem;
}

.cases>h1 {
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: .48rem;
  line-height: .56rem;
  text-align: center;
  text-transform: capitalize;
  color: #000000;
  margin-bottom: .6rem;
}

.cases ul {
  padding-left: 2.04rem;
  display: flex;
  flex-wrap: wrap;
}

.cases ul li {
  width: 7.14rem;
  margin-right: .73rem;
  margin-bottom: .44rem;
}

.cases ul li>a>.img {
  width: 7.14rem;
  height: 4.28rem;
  overflow: hidden;
}

.cases ul li>a>.img img {
  width: 7.14rem;
  height: 4.28rem;
  transform: scale(1);
  transition: transform 1s ease 0s;
}

.cases ul li>a>.img img:hover {
  transform: scale(1.2);
}

.cases ul li:hover h1 {
  color: #EC731A;
}

.cases ul li>a>div h1 {
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: .32rem;
  line-height: .38rem;
  text-transform: capitalize;
  color: #3E3A39;
  text-align: left;
  margin-top: .44rem;
  margin-bottom: .37rem;
}


.cases ul li>a>div img {
  width: .24rem;
  height: .24rem;
  margin-right: .15rem;

}

.cases ul li>a>div p {
  font-family: 'll';
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  line-height: .26rem;
  color: #525854;
  margin-bottom: .22rem;
}

/* ycloud */
.ycloud {
  padding-top: .97rem;
  background-color: #F5F7F9;
}

.ycloud>h1 {
  margin-bottom: .56rem;
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: .48rem;
  line-height: .56rem;
  text-align: center;
  text-transform: capitalize;
  color: #005F66;
}

.ycloud>h1 span:nth-of-type(1) {
  color: #000000;
}

.ycloud>h1 span:nth-of-type(2) {
  color: #EC731A;
}

.ycloud ul {
  display: flex;
  margin-bottom: .87rem;
  padding-left: 2.01rem;
}

.ycloud ul li {
  width: 2.88rem;
  padding-bottom: .29rem;
  border-bottom: .01rem solid #D0D0D0;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 1.16rem;
}

.ycloud ul li img {
  width: .62rem;
  height: .62rem;
  margin-bottom: .21rem;
}

.ycloud ul li p {
  font-family: 'mm' !important;
  font-style: normal;
  font-weight: 400;
  font-size: .18rem;
  line-height: .42rem;
  text-align: center;
  text-transform: capitalize;
  color: #3E3A39;
}

.func {
  padding: 0 0rem 0 2.01rem;
  display: flex;
}

.funcLeft {
  margin-right: .75rem;
  margin-bottom: .65rem;
}

.func h2 {
  font-family: 'mm' !important;
  font-style: normal;
  font-weight: 400;
  font-size: .24rem;
  line-height: .28rem;
  text-transform: capitalize;
  color: #3E3A39;
  margin-bottom: .25rem;
}

.func p {
  font-family: 'll';
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  line-height: .42rem;
  /* text-transform: capitalize; */
  color: #6E6F75;
}

.funcRight img {
  width: 3.38rem;
  margin-top: .22rem;
}


.dybox {
  width: 100vw;
}

.solutionbanner {
  width: 100%;
  height: 8.8rem;
  /* background: url(../images/solutionbanner.png) no-repeat; */
  background-repeat: no-repeat;
  background-size: 19.03rem 8.8rem;
  display: flex;
}

.solut1 {
  background-image: url(../images/solutionbanner.jpg);
}

.solut2 {
  background-image: url(../images/solutionbanner1.png);
}

span#ContentPlaceHolder1_lab_bannerspcdy {
  display: flex;
}

.sobanner.is_active {
  width: 5.9rem;
  height: 8.8rem;
  background-color: rgba(0, 95, 102, 0.5);
  padding: 2.23rem 1.05rem .5rem 1.06rem;
}

.sobanner1.is_active {
  width: 10.27rem;
  padding-right: 1.92rem;
}

.sobanner.is_active .sohide img {
  width: .61rem;
  margin-bottom: .55rem;
}

.sobanner.is_active .sohide h1 {
  font-family: 'bb' !important;
  font-style: normal;
  font-weight: 500;
  font-size: .24rem;
  line-height: .28rem;
  /* text-transform: capitalize; */
  color: #FFFFFF;
  margin-bottom: .24rem;
}

.sobanner.is_active .sohide h2 {
  font-family: 'll';
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  line-height: .42rem;
  /* text-transform: capitalize; */
  color: #FFFFFF;
  margin-bottom: 0.21rem;
}

.sohide p {
  position: absolute;
  bottom: 0.52rem;
}

.sobanner.is_active .sohide p {
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: .32rem;
  line-height: .42rem;
  text-transform: capitalize;
  color: #FFFFFF;
}

.sobanner {
  position: relative;
}

.sobanner .soshow {
  width: 2.18rem;
  height: 8.8rem;
  border-right: .01rem solid rgba(255, 255, 255, 0.2);
  text-align: center;
  padding-top: 7.88rem;
  font-family: 'll';
  font-style: normal;
  font-weight: 300;
  font-size: .32rem;
  line-height: .42rem;
  text-transform: capitalize;
  color: #FFFFFF;
}

/* .sobanner1 .sohide {
  width: 10.27rem;
} */

.solutionbanner .sohide {
  display: none;
}

.sobanner.is_active .sohide {
  display: block;
}

.sobanner.is_active .soshow {
  display: none;
}

.imgshow .imgshowTab {
  display: flex;
  height: 1.15rem;
  width: 15rem;
  margin: 0 auto;
  position: relative;
  justify-content: center;
  align-items: center;
  margin-top: .18rem;
}

.imgshow .imgshowTab div:first-child {
  margin-left: 0;
}

.imgshow .imgshowTab div {
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: .24rem;
  line-height: .28rem;
  color: #3D3D3D;
  margin-left: 2.25rem;
  padding-bottom: .18rem;
  cursor: pointer;
  border-bottom: .03rem solid rgba(0, 0, 0, 0);
}

.imgshow .imgshowTab div:hover {
  border-bottom: .03rem solid #EE7318;
}

.imgshow .imgshowTab div.active {
  border-bottom: .03rem solid #EE7318;
}

.imgshow1 .imgshowTab div {
  border-bottom: .03rem solid #EE7318;
}

.imgshowImg {
  margin-top: .51rem;
  margin-bottom: 1rem;
}

.imgshowImg img {

  width: 15rem;
  /* height: 7.72rem; */
  margin: 0 auto .2rem;
}

.imgshowImg h6 {
  display: none;
}

.imgshowImg .imgactive {
  display: block;
}

.imgshowImg p {
  width: 15rem;
  margin: 0 auto;
  font-family: 'll';
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  font-size: .2rem;
  font-weight: 300;
  line-height: .38rem;
  text-align: left;
  color: #70757C;
}

.borderjianbian3 {
  position: relative;
  width: 100%;
  height: .01rem;
  background: linear-gradient(to right, #DADADA00, #CFCFCF, #DADADA00);
  bottom: .33rem;
  /* top: 100%;
  left: 0; */
}

/* download */
.downloadtype {
  width: 100%;
  height: 5.15rem;
  background-color: #fff;
  padding-top: .85rem;
}

.downloadtype h1 {
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: .48rem;
  line-height: .56rem;
  text-align: center;
  color: #000000;
  margin-bottom: .15rem;
}

.downloadtype h2 {
  font-family: 'll';
  font-style: normal;
  font-weight: 300;
  font-size: .2rem;
  line-height: .23rem;
  text-align: center;
  color: #525854;
  margin-bottom: .67rem;
}

.downloadtype .downloaditem {
  /* width: 1.4rem; */
  /* padding-bottom: .3rem; */
  margin-right: 1.8rem;
}

.downloadtype .downloaditem p {
  height: .5rem;
  font-family: 'll';
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  line-height: .23rem;
  text-align: center;
  color: #525854;
}

.downloadtype .downloaditem div {
  min-width: 1.4rem;
  margin-bottom: .39rem;
  background-position: 50% 0 !important;
}


.downloadcontainer .downloaditem:nth-of-type(1) div {
  height: 1.2rem;
  background: url(/images/download1.png) no-repeat;
  background-size: .5525rem 1.2rem;
}

.downloadcontainer .downloaditem:nth-of-type(1):hover div {
  background: url(/images/download11.png) no-repeat;
  background-size: .5525rem 1.2rem;
}

.downloadcontainer .downloaditem:nth-of-type(1) .active div {
  background: url(/images/download11.png) no-repeat;
  background-size: .5525rem 1.2rem;
}

.downloadcontainer .downloaditem .active p {
  border-bottom: .03rem solid #EE7318;
  color: #EE7318;
}

.downloadcontainer .downloaditem:hover p {
  font-family: 'll';
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  line-height: .23rem;
  text-align: center;
  color: #000000;
}

.downloadcontainer .downloaditem:nth-of-type(1):hover p {
  border-bottom: .03rem solid #EE7318;
  color: #EE7318;
}

.downloadcontainer .downloaditem:nth-of-type(2) div {
  height: 1.2rem;
  background: url(/images/download2.png) no-repeat;
  background-size: .83rem .89rem;
}

.downloadcontainer .downloaditem:nth-of-type(2):hover div {
  background: url(/images/download22.png) no-repeat;
  background-size: .83rem .89rem;
}

.downloadcontainer .downloaditem:nth-of-type(2) .active div {
  background: url(/images/download22.png) no-repeat;
  background-size: .83rem .89rem;
}

.downloadcontainer .downloaditem:nth-of-type(2):hover p {
  border-bottom: .03rem solid #EE7318;
  color: #EE7318;
}


.downloadcontainer .downloaditem:nth-of-type(3) div {
  height: 1.2rem;
  background: url(/images/download3.png) no-repeat;
  background-size: .4769rem 1.2rem;
}

.downloadcontainer .downloaditem:nth-of-type(3):hover div {
  background: url(/images/download33.png) no-repeat;
  background-size: .4769rem 1.2rem;
}

.downloadcontainer .downloaditem:nth-of-type(3) .active div {
  background: url(/images/download33.png) no-repeat;
  background-size: .4769rem 1.2rem;
}

.downloadcontainer .downloaditem:nth-of-type(3):hover p {
  border-bottom: .03rem solid #EE7318;
  color: #EE7318;
}

.downloadcontainer .downloaditem:nth-of-type(4) div {
  height: 1.2rem;
  background: url(/images/download4.png) no-repeat;
  background-size: .99rem 0.81rem;;
}

.downloadcontainer .downloaditem:nth-of-type(4):hover div {
  background: url(/images/download44.png) no-repeat;
  background-size:.99rem 0.81rem;;
}

.downloadcontainer .downloaditem:nth-of-type(4) .active div {
  background: url(/images/download44.png) no-repeat;
  background-size: .99rem 0.81rem;
}

.downloadcontainer .downloaditem:nth-of-type(4):hover p {
  border-bottom: .03rem solid #EE7318;
  color: #EE7318;
}

.downloadcontainer .downloaditem:nth-of-type(5) div {
  height: 1.2rem;
  background: url(/images/download5.png) no-repeat;
  background-size: .6128rem 1.2rem;
}

.downloadcontainer .downloaditem:nth-of-type(5):hover div {
  background: url(/images/download55.png) no-repeat;
  background-size: .6128rem 1.2rem;
}

.downloadcontainer .downloaditem:nth-of-type(5) .active div {
  background: url(/images/download55.png) no-repeat;
  background-size: .6128rem 1.2rem;
}

.downloadcontainer .downloaditem:nth-of-type(5):hover p {
  border-bottom: .03rem solid #EE7318;
  color: #EE7318;
}


.downloadcontainer .downloaditem:nth-of-type(6) div {
  height: 1.2rem;
  background: url(/images/download6.png) no-repeat;
  /* background-size: .6128rem 1.2rem; */
}

.downloadcontainer .downloaditem:nth-of-type(6):hover div {
  background: url(/images/download66.png) no-repeat;
  /* background-size: .6128rem 1.2rem; */
}

.downloadcontainer .downloaditem:nth-of-type(6) .active div {
  background: url(/images/download66.png) no-repeat;
  /* background-size: .6128rem 1.2rem; */
}

.downloadcontainer .downloaditem:nth-of-type(6):hover p {
  border-bottom: .03rem solid #EE7318;
  color: #EE7318;
}



.downloadcontainer {
  display: flex;
  padding: 0 2.4rem;
  padding-right: 0;
}

.downloadcontent {
  width: 100%;
  background-color: #FAFAFA;
  padding: .72rem 2rem;
  padding-bottom: 1.05rem;
}

.downloadcontent ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: .47rem;
}

.downloadcontent ul li {
  /* width: 1.69rem; */
  height: .48rem;
  margin-right: .22rem;
  margin-bottom: .23rem;
}

.downloadcontent ul li:nth-of-type(8n) {
  margin-right: 0;
}

.downloadcontent ul li a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: .48rem;
  padding: 0 .5rem;
  background-color: #FFFFFF;
  border: .01rem solid #DFDFDF;
  border-radius: .5rem;
  font-family: 'll';
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  color: #525854;
}

.downloadcontent ul li a:hover {
  border: 0.01rem solid rgba(0, 0, 0, 0);
  background-color: #005F66;
  color: #FFFFFF !important;
}

.downloadcontent ul li.active a {
  border: .01rem solid rgba(0, 0, 0, 0);
  background-color: #005F66;
  color: #FFFFFF !important;
}

.downloadcard {
  padding-left: .4rem;
  padding-right: 1rem;
  background-color: #fff;
}

.downloadcarditem {
  width: 100%;
  height: 1.89rem;
  border-bottom: .01rem solid #EAEDED;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.downloadcarditem {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 1.89rem;
}

.downloadcardleft {
  display: flex;
}

.downloadcardleft img {
  width: .64rem;
  height: .64rem;
  margin-right: .34rem;
}

.downloadcardleft h1 {
  font-family: 'll';
  font-style: normal;
  font-weight: 400;
  font-size: .24rem;
  line-height: .28rem;
  text-transform: capitalize;
  color: #000000;
  margin-bottom: .16rem;
}

.downloadcardleft h1:hover {
  color: #EE7318;
}

.downloadcardleft p {
  font-family: 'll';
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  line-height: .23rem;
  color: #8D8D8D;
}

.downloadbtn {
  display: block;
  width: 1.6rem;
  height: .48rem;
  line-height: .45rem;
  text-align: center;
  background-color: #fff;
  color: #EE7318;
  border: .02rem solid #EE7318;
  border-radius: .5rem;
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: .2rem;
}

.downloadbtn:hover {
  background-color: #EE7318;
  color: #fff !important;
}

/* cplist */

.buybanner {
  width: 100%;
  height: 8.8rem;
  background: url(./images/cplistbanner.jpg) no-repeat;
  background-size: 19.03rem 8.8rem;
}

.cplist {
  padding: 1.12rem 2rem;
}

.cplist h1 {
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: .48rem;
  line-height: .56rem;
  text-align: center;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: .63rem;
}

.cplistCategory {
  display: flex;
  justify-content: center;
  position: relative;
}

.cplistCategory .voltage {
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: .28rem;
  line-height: .38rem;
  color: #3D3D3D;
  padding-bottom: .23rem;
  margin-right: 1.22rem;
  margin-left: 1.22rem;
  cursor: pointer;
}

.cplistCategory .voltage.active {
  border-bottom: .03rem solid #EE7318;
}

.cplistCategory .voltage:hover {
  border-bottom: .03rem solid #EE7318;
}

.jianbianborder {
  position: absolute;
  width: 100%;
  height: .01rem;
  background: linear-gradient(to right, #DADADA00, #CFCFCF, #DADADA00);
  top: 100%;
  left: 0;
}

.cplistctbx .cplistct ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: .66rem;
}

.cplistctbx .cplistct ul li {
  width: 3.4rem;
  margin-right: .46rem;
  margin-bottom: 1rem;
}

.cplistctbx .cplistct ul li div {
  width: 3.4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: .005rem solid #D9D9D9;
}

.cplistctbx .cplistct ul li:hover div {
  background-color: #E2F7F6;
  border: .005rem solid #BBBBBB00;
  border-radius: 12px;
}

.cplistctbx .cplistct ul li span {
  display: block;
  width: 100%;
  font-family: 'bb' !important;
  font-style: normal;
  font-weight: 500;
  font-size: .24rem;
  line-height: .28rem;
  text-transform: uppercase;
  color: #525854;
  text-align: center;
  margin-top: .45rem;
}

.cplistctbx .cplistct ul li:hover span {
  color: #005F66;
  font-size: .24rem;
  line-height: .28rem;
  font-weight: 500;
}

.cplistctbx .cplistct ul li:nth-of-type(4n) {
  margin-right: 0;
}

.shownone {
  display: none;
}


.cplistctbx .cplistct ul li img {
  /* width: 100%;
width: 100%; */
  width: 50%;
  transform: scale(1);
  transition: transform 0.8s ease 0s;
}

.cplistctbx .cplistct ul li:hover img {
  transform: scale(1.2);
}

/* buy */

.modal-dialog {
  margin: 1.75rem 4.5rem;
}

.buybanner {
  width: 100%;
  height: 6.55rem;
  background: url(/images/buybanner.png) no-repeat;
  background-size: 19.03rem 6.55rem;
}

.buybanner1 {
  width: 100%;
  height: 8.8rem;
  background-repeat: no-repeat;
  background-size: cover;
}
.buybanner1 img  {
display: none;
}
.buyonline {
  width: 100%;
  height: 3.45rem;
  padding-left: 2.04rem;
  margin-top: .25rem;
  display: flex;
  align-items: center;
}

.onlineLeft {
  margin-right: 2.9rem;
}

.onlineLeft p {
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: .32rem;
  line-height: .48rem;
  text-transform: capitalize;
  color: #000000;
}

.onlineLeft div {
  margin-top: .36rem;
  width: 2rem;
  height: .62rem;
  display: flex;
  align-items: center;
  padding-left: .11rem;
  background: #FFFFFF;
  border: .02rem solid #EE7318;
  border-radius: .5rem;
}

.onlineLeft div img {
  width: .42rem;
  height: .42rem;
  margin-right: .17rem;
}

.onlineLeft div p {
  font-family: 'll';
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  line-height: .4rem;
  text-transform: capitalize;
  color: #EE7318;
}

.tcbtn {
  cursor: pointer;
}

.onlineRight {
  display: flex;
  align-items: center;
}

.onlinehead {
  width: 3.45rem;
  height: 3.45rem;
  background: linear-gradient(to right, #F5F7F9, rgba(0, 0, 0, 0));
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: .60rem;
}

.onlinehead img {
  width: 2.9rem;
  height: 2.9rem;
}

.onlineRight p {
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: .32rem;
  line-height: .48rem;
  text-transform: capitalize;
  color: #000000;
}

.onlineRightp img {
  width: .17rem;
  height: .12rem;
  margin-top: .23rem;
}

.buyswiperbox {
  width: 100%;
  height: 7.58rem;
  background-color: #F5F7F9;
  padding-top: 1.03rem;
  position: relative;
}

.buyswiper {
  width: 15.5rem;
}

.buycard {
  width: 4.8rem;
  margin: 0;
  margin-right: .3rem;
}

.buycard a {
  text-decoration: none;
}

.buyswiper .swiper-wrapper {
  /* padding: 1.03rem 1.95rem 0 2.02rem; */
  /* width: 15rem; */
}



.buycard>a>div>img {
  width: 4.8rem;
  height: 2.97rem;
  border-top-left-radius: .05rem;
  transform: scale(1);
  transition: transform 0.8s ease 0s;
}

.buycard>a>div>img:hover {
  transform: scale(1.2);
}

.carddescribe {
  width: 4.8rem;
  height: 2.21rem;
  background-color: #FFFFFF;
  padding-top: .37rem;
  padding-left: .41rem;
  border-bottom-right-radius: .12rem;
  border-bottom-left-radius: .12rem;
}

.carddescribe h1 {
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: .24rem;
  line-height: .48rem;
  text-transform: capitalize;
  color: #000000;
}

.carddescribe h1:hover {
  color: #EE7318;
}

.carddescribe p {
  font-family: 'll';
  font-style: normal;
  font-weight: 300;
  font-size: .2rem;
  line-height: .42rem;
  text-transform: capitalize;
  color: #777777;
  display: flex;
  align-items: center;
}

.carddescribe p img {
  width: .28rem;
  height: .28rem;
  margin-right: .06rem;
}

/* .buycardbx {
  display: flex;
} */

.buyitems {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  /* width: 100vw !important; */
}


.buyswiperbox .swiper-horizontal>.swiper-pagination-bullets,
.buyswiperbox .swiper-pagination-bullets.swiper-pagination-horizontal,
.buyswiperbox .swiper-pagination-custom,
.buyswiperbox .swiper-pagination-fraction {
  left: 0 !important;
  bottom: .7rem !important;
}

.buyswiperbox .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  /* margin: 0 0.15rem !important; */
  /* width: .12rem;
  height: .12rem; */
}

.swiper-pagination1 {
  position: absolute;
  left: -6rem !important;
  bottom: .2rem !important;
}
.swiper-pagination span:hover{
  background-color: #EE7318 !important;
}
.buyswiperbox .swiper-pagination-bullet-active {
  background-color: #EE7318;
}

.interested {
  width: 100%;
  height: 3.53rem;
  background-color: #FFFFFF;
  padding-top: 1.09rem;
}

.interested h1 {
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: .32rem;
  line-height: .38rem;
  text-transform: capitalize;
  color: #000000;
  text-align: center;
  margin-bottom: .39rem;
}

.become {
  width: 3.6rem;
  height: .7rem;
  background-color: #EE7318;
  border-radius: .5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  cursor: pointer;
}

.become a {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: .24rem;
  text-transform: capitalize;
  color: #FFFFFF;
}

.buymodal .modal-content {
  width: 9.2rem;
  height: 6.21rem;
  border-radius: 0;
  border: none;
  padding-top: .73rem;
  padding-left: .55rem;
}

.buymodal .close {
  font-size: 0.3rem;
  position: absolute;
  right: -0.13rem;
  top: -0.13rem;
  padding: 0;
  margin: 0;
  width: .3rem;
  height: .3rem;
  border-radius: 100%;
  background-color: #FFFFFF;
  opacity: 1;
}

.buymodal .close:hover {
  opacity: 0.9 !important;
}

.buymodal .modal-header {
  border: none;
  height: 0;
  padding: 0;
}

.bmtitle {
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: .32rem;
  line-height: .48rem;
  text-transform: capitalize;
  color: #000000;
  margin-bottom: .32rem;
}

.buyform>div>span {
  font-family: 'll';
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  line-height: .48rem;
  color: #666666;
  margin: 0 .10rem;
}

.buyform>div {
  display: flex;
  align-items: center;
  margin-bottom: .3rem;
}

.buyform>div .yanzm {
  width: 1.38rem;
  height: .5rem;
  margin-left: .16rem;
}

.buyform input {
  height: .3rem;
  border: none;
  border-bottom: .01rem solid #B9C0CA;
  text-align: center;
  font-family: 'll';
  font-style: normal;
  font-weight: 300;
  font-size: .2rem;
  line-height: .48rem;
  text-transform: capitalize;
  color: #706E6E;
  padding-bottom: .12rem;

}



.buyforminp1 {
  width: 2.5rem;
}

.buyforminp2 {
  width: 2.84rem;
}

.buyforminp3 {
  width: 2.62rem;
}

.buyforminp4 {
  width: 3.36rem;
}

.buyform .buyforminp5 {
  height: .5rem;
  width: 2.73rem;
}

.buymodalsend {
  width: 1.45rem;
  height: .4rem;
  background: #EE7318;
  border-radius: .8rem;
  border: none;
  font-family: 'll';
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  line-height: .4rem;
  text-transform: capitalize;
  text-align: center;
  color: #FFFFFF;
  margin-top: .3rem;
}

.buyformselect {
  background-color: #fff;
  width: 4.2rem;
}

.buyformul {
  width: 4.2rem;
  padding-top: .18rem;
  padding-bottom: .22rem;
  background-color: #F8F8F8;
  position: absolute;
  top: .38rem;
  right: .4rem;
  border-top: .01rem solid #B9C0CA;
  display: none;
}

.buyformul li {
  font-family: 'll';
  font-style: normal;
  font-weight: 300;
  font-size: .2rem;
  line-height: .38rem;
  text-align: center;
  text-transform: capitalize;
  color: #706E6E;
  cursor: pointer;
}

.buyformul li:hover {
  color: #EE7318;
}

.xljt {
  width: 4.2rem;
  height: .3rem;
  position: absolute;
  right: .7rem;
  cursor: pointer;
}

.xljt1 {
  margin-top: .08rem;
  width: .14rem;
  float: right;
}

.xljt2 {
  display: none;
  margin-top: .08rem;
  width: .14rem;
  float: right;
}

/* 产品详情 */
.pro-banner {
  padding: .18rem 2rem;
  width: 100%;
  height: 8.8rem;
  background: url(images/dybanner.jpg) no-repeat;
  background-size: 100% 8.8rem;
  position: relative;
}

.pro-banner .pro-banner-top {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.pro-banner .pro-banner-top p {
  display: flex;
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  line-height: .23rem;
  /* text-transform: capitalize; */
  color: #FFFFFF;
}

.pro-banner .pro-banner-top a {
  display: block;
  font-family: 'll';
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  line-height: .23rem;
  text-transform: capitalize;
  color: #FFFFFF;
}

.pro-banner .pro-banner-top div {
  display: flex;
}

.pro-banner .pro-banner-top div a {
  font-family: 'll';
  font-style: normal;
  font-weight: 300;
  font-size: .2rem;
  line-height: .23rem;
  text-transform: capitalize;
  color: #FFFFFF;
  margin-right: .6rem;
}

.pro-banner .pro-banner-top div a:hover {
  color: #FF7108;
}

.pro-banner .pro-banner-top div a:last-child {

  height: .3rem;
  line-height: .3rem;
  text-align: center;
  border-radius: .5rem;
  background-color: #FF7109;
  color: #fff !important;
  /* background-image: url(/images/gww.png); */
  background-repeat: no-repeat;
  background-size: .25rem .25rem;
  background-position: .07rem .01rem;
  padding-left: 0.18rem;
  padding-right: 0.18rem;
  font-size: .16rem;
  margin-top: -0.028rem;
  display: flex;
  align-items: center;
}

.pro-banner .pro-banner-top div a:last-child img {
  margin-right: .12rem;
}

.pro-banner .pro-banner-top div a.active {
  color: #FF7108;
}

/* //// */
.pro-banner .pro-banner-top1 {
  position: fixed;
  align-items: center;
  left: 0;
  top: 0;
  height: .58rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  background-color: #FBFBFB;
  padding: 0 2rem;
  z-index: 100000;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .1);

}

.pro-banner .pro-banner-top1 p {
  display: flex;
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  line-height: .23rem;
  text-transform: capitalize;
  color: #767676;
}

.pro-banner .pro-banner-top1 a {
  display: block;
  font-family: 'll';
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  line-height: .23rem;
  text-transform: capitalize;
  color: #767676;
}

.pro-banner .pro-banner-top1 div {
  display: flex;
}

.pro-banner .pro-banner-top1 div a {
  font-family: 'll';
  font-style: normal;
  font-weight: 300;
  font-size: .2rem;
  line-height: .23rem;
  text-transform: capitalize;
  color: #767676;
  margin: 0 .3rem;
}

.pro-banner .pro-banner-top1 div a:hover {
  color: #FF7108;
}

.pro-banner .pro-banner-top1 div a:last-child {

  height: .3rem;
  line-height: .3rem;
  text-align: center;
  border-radius: .5rem;
  background-color: #FF7109;
  color: #fff !important;
  /* background-image: url(/images/gww.png); */
  background-repeat: no-repeat;
  background-size: .25rem .25rem;
  background-position: .07rem .01rem;
  padding-left: 0.18rem;
  padding-right: 0.18rem;
  font-size: .16rem;
  margin-top: -0.028rem;
  display: flex;
  align-items: center;
}

.pro-banner .pro-banner-top1 div a:last-child img {
  margin-right: .12rem;
}

.pro-banner .pro-banner-top1 div a.active {
  color: #FF7108;
}


.pro-banner span {
  display: block;
  position: absolute;
  top: 2.26rem;
  left: 2rem;
}

.pro-banner span p {
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: .52rem;
  line-height: .6rem;
  color: #FFFFFF;
  margin-bottom: .25rem;
}

.characteristics {
  padding-top: 1.25rem;
  /* padding-bottom: 2.6rem; */
  background-color: #f4f4f4;
  position: relative;
}

.characteristics img {
  /* width: 2.92rem; */
  width: 100%;
}

.characteristics h1 {
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: .48rem;
  line-height: .54rem;
  text-transform: capitalize;
  color: #27221C;
  text-align: center;
  margin-bottom: .33rem;
}

.characteristics p {
  font-family: 'll';
  font-style: normal;
  font-weight: 300;
  font-size: .24rem;
  line-height: .48rem;
  text-align: center;
  color: #3E3A39;
  text-align: center;
}

.product-describe {
  margin-bottom: 1rem;
}

.product-img {
  padding: 0 2.66rem;
  display: flex;
  justify-content: space-around;
  position: relative;
  z-index: 1;
}

.product-img img {
  /* margin-right: 2.28rem; */
}

.yuanpan img {
  width: 80%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1.1rem;
  z-index: 0;
}

/* battery */
.battery {
  padding: 1.1rem 2.1rem;
  padding-bottom: 0;
}
.battery ul li a {
  cursor: default !important;
}
.battery h1 {
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: .48rem;
  line-height: .54rem;
  color: #27221C;
  text-align: center;
  margin-bottom: .9rem;
}

.battery ul {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-around; */
}

.battery ul li {
  width: 3.8rem;
  margin: .25rem .6rem;
}
.battery ul li p:first-of-type {
  height: 1rem;
}
.battery ul li:nth-of-type(3n) {
  margin-right: 0;
}

.battery ul li img {
  width: .6rem;
  margin-bottom: .39rem;
}

.battery ul li img.phoneicon {
  width: .3854rem;
  margin-bottom: .39rem;
}

.battery ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.battery ul li h2 {
  font-family: 'll';
  font-style: normal;
  font-weight: 400;
  font-size: .26rem;
  line-height: .3rem;
  color: #3E3A39;
  margin-bottom: .29rem;
}
.battery ul li h2:last-of-type a:hover{
  color: #3E3A39 !important;
}
.battery ul li h2 a {
  font-family: 'mm' !important;
}

.battery ul li h3 {
  font-family: 'll';
  font-style: normal;
  font-weight: 300;
  font-size: .2rem;
  line-height: .3rem;
  color: #3E3A39;
  margin-bottom: .18rem;
}
.battery ul li h3 a:hover{
  color: #3E3A39 !important;
}
/* parameter */
.parameter {
  width: 100%;
  padding: 1.05rem 0rem;
  background-color: #F8F8F8;
  text-align: center;
}

.parameter h1 {
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: .48rem;
  line-height: .54rem;
  text-transform: capitalize;
  color: #27221C;
  text-align: center;
  margin-bottom: .59rem;
}

.parameter img {
  width: 15rem;
}

/* accessories  */
.accessories {
  padding-top: 1.25rem;
  padding-bottom: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.accessories h1 {
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: .48rem;
  line-height: .28rem;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: .87rem;
}

/* .accessories img {
  width: 10.5rem;
} */

.zhezh {
  width: 100vw;
  height: 0.68rem;
  position: absolute;
  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.3;
  left: 0;
  top: 0;
}


/* 产品列表 */
.dybox {
  width: 100vw;
}

.newslistc {
  background: #F5F7F9 !important;
}

.readmee {
  display: flex;
  align-items: center;
  font-family: ll;
  font-size: .16rem;
  font-weight: 400;
  line-height: .19rem;
  letter-spacing: 0em;
  text-align: left;
  color: #A5A5A5;
}

.readmee img {
  width: .24rem;
  /* height: .2rem; */
  margin-left: .17rem;
}

.ImgList2 li:hover .read12 {
  display: none
}

.ImgList2 li:hover .read11 {
  display: block !important;
  transform: scale(1);

}


.newslistc .ImgList2 li:hover .newsInfo2 {
  background: #005F66 !important;
  margin: 0 !important;
}

.newslistc .ImgList2 li:hover .fl,
.newslistc .ImgList2 li:hover h3,
.newslistc .ImgList2 li:hover .readmee {
  color: #FFFFFF !important;
}

.newslistc .newsImg2 {
  height: 3.17rem;
}

.newslistc .block {
  display: flex;
  flex-direction: column;
}

.newslistc .fl {
  color: #005F66 !important;
}

/* .newslistc .newsInfo2 {
  padding-top: .47rem !important;
} */

.newslistc h3 {
  margin-top: .13rem !important;
  margin-bottom: .66rem !important;
}

.newslistc .pre,
.newslistc .next1 {
  color: #6E6F75 !important;
  background: none !important;
}

.newslistc .cpb {
  background: #005F66 !important;
  border-radius: 50% !important;
  width: .52rem !important;
}

.newslistc .fy a {
  border-radius: 50% !important;
  width: .52rem !important;
  background: none !important;
  color: #6E6F75;
}

.newslistc .fy .fenye:hover {
  background: #005F66 !important;
  color: #FFFFFF !important;
}

.newslistc .pre:hover,
.newslistc .next1:hover {
  background: none !important;
  color: #005F66 !important;
}

.newslistc .baseTitle {
  color: #000000;
}
.baseTitle1 {
  font-size: 0.4rem;
  color: #333;
  line-height: 1;
  text-align: center;
}
/* M15DETAIL */
.detailcen {
  width: 100%;
  padding: .21rem calc((100vw - 12rem)/2) 1.02rem;
}

.detailcen>h6 a {
  font-family: ll;
  font-size: .16rem;
  font-weight: 300;
  line-height: .19rem;
  letter-spacing: 0em;
  text-align: left;
  color: #70757C;
}

.dettit {
  margin-top: .47rem;
}

.dettit>span {
  font-family: ll;
  font-size: .4rem;
  font-weight: 400;
  line-height: .54rem;
  letter-spacing: 0em;
  text-align: left;

  color: #333333;

}

.detail {
  width: 100%;
  padding: .47rem 0 0;
  display: flex;
}

.detaill {
  height: 100%;
  width: 1.5rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #D9D9D9;
}

.detaill img {
  width: .28rem;
  height: .28rem;
}

.detaill .hengxian1 {
  width: 1.2rem;
  height: 1px;
  background-color: #D9D9D9;
  position: absolute;
  top: .14rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: -100;
}

.xwrqi,
.ckrs {
  position: relative;
  padding-bottom: .4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.fxcq {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.xwrqi .rltup,
.ckrstp,
.ckrstp {
  width: .6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
}

.detaill h5 {
  font-family: ll;
  font-size: .24rem;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0em;
  text-align: left;
  color: #525854;
  margin-top: .07rem;
}

.detaill p {
  font-family: ll;
  font-size: .16rem;
  font-weight: 300;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: center;
  color: #70757C;
  margin-top: .15rem;
}

.fxcq span {
  font-family: ll;
  font-size: .16rem;
  font-weight: 400;
  line-height: .19rem;
  letter-spacing: 0em;
  text-align: left;
  color: #70757C;
  display: inline-block;
  height: .28rem;
  line-height: .28rem;
}

.bdshare-button-style0-16 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ico3 {
  background-image: url(../images/foota1.png) !important;
  background-repeat: no-repeat;


}

.ico1 {
  background-image: url(../images/foota2.png) !important;
  background-repeat: no-repeat;

}

.ico4 {
  background-image: url(../images/foota3.png) !important;
  background-repeat: no-repeat;

}

.ico5 {
  background-image: url(../images/foota4.png) !important;
  background-repeat: no-repeat;

}

.ico2 {
  background-image: url(../images/foota5.png) !important;
  background-repeat: no-repeat;

}

.bdshare-button-style0-16 a {
  display: inline-block;
  width: .36rem !important;
  height: .36rem !important;
  padding: 0 !important;
  margin: .15rem 0 !important;
  background: #CCCCCC;
  background-size: .3rem .3rem !important;
  background-position: center;
  border-radius: 50%;
}

.fxcq img {
  width: .2rem;
  height: .2rem;
}

.fximg1,
.fximg2,
.fximg3,
.fximg4,
.fximg5 {
  width: .36rem;
  height: .36rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #CCCCCC;
  /* background: url(images/dxbji.png) no-repeat center ; */
  margin-top: .38rem;
}

.fximg1:hover {
  background: #FE5C5C !important;
}

.fximg2:hover {
  background: #37E072 !important;
}

.fximg3:hover {
  background: #539EF6 !important;
}

.fximg4:hover {
  background: #3DEA6D !important;
}

.fximg5:hover {
  background: #FFB21D !important;
}

.detailr {
  flex: 1;
  padding-left: .73rem;
  position: relative;
}

.detailr p {
  font-family: ll;
  font-size: .20rem;
  font-weight: 300;
  line-height: .38rem;
  letter-spacing: 0em;
  text-align: left;
  color: #70757C;

  margin-top: .12rem
}

.detailr img {
  /* margin: .4rem 0.8rem .37rem; */
  max-width: 8rem;
  height: auto;
}
strong{
font-weight: bold;
}
.detailr>.anniu1 {
  display: inline-block;
  width: 1.46rem;
  height: .42rem;
  text-align: center;
  margin-left: 4.8rem;
  margin-top: 26;
  border: 1px solid #CECECE;
  border-radius: 50px;
  font-family: ll;
  font-size: .18rem;
  font-weight: 300;
  line-height: .4rem;
  letter-spacing: 0em;
  margin-top: .41rem;
  margin-bottom: .2rem;
}

.detailr>.anniu1:hover {
  background: #005F66;
  color: #ffffff;
}

.detailrbom {
  width: 100%;
  padding: .51rem 0 0;
  border-top: 1px solid #CECECE;
  margin-top: .69rem;
  position: relative;
}

.detailrbom p a {
  font-family: ll;
  font-size: .18rem;
  font-weight: 300;
  line-height: .21rem;
  letter-spacing: 0em;
  text-align: left;
  color: #70757C;
  margin-bottom: .25rem;
  position: relative;
}

.detailrbom p a:hover {
  color: #005F66;
}

.detailrbom .fanhui {
  width: 1.26rem;
  height: .42rem;
  background: #FFFFFF;

  position: absolute;
  right: 0;
  top: 50%;
  font-family: ll;
  font-size: .16rem;
  font-weight: 300;
  line-height: .19rem;
  letter-spacing: 0em;
  text-align: left;

  text-align: center;

  color: #70757C;
}

.detailrbom .fanhui:hover {

  color: #005F66;
}

.detailrbom .fanhui img {
  width: .2rem;
  height: .2rem;
  margin: 0;
}

.fximg11,
.fximg21,
.fximg31,
.fximg41,
.fximg51 {
  width: .7rem;
  height: .7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  /* background: #CCCCCC; */
  /* background: url(images/dxbji.png) no-repeat center ; */
  margin-left: .2rem;
}

.fxcq1>a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: .235rem;
}

.xwnrrbom {
  margin-top: .75rem;
}

.fxcq1 img {
  width: .39rem;
  height: .39rem;
  margin: 0 !important;
}

.fximg11 {
  background: #FE5C5C;
}

.fximg21 {
  background: #37E072;
}

.fximg31 {
  background: #539EF6;
}

.fximg41 {
  background: #3DEA6D;
}

.fximg51 {
  background: #FFB21D;
}

.fxcq1 {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #CECECE;
  border-top: 1px solid #CECECE;
  padding: .23rem 0;
}

.huitui {
  width: 100%;
  padding: .72rem 0 1.14rem;
}

.huitui a {
  display: inline-block;
  width: 3.6rem;
  height: .865rem;
  font-family: ll;
  font-size: .24rem;
  font-weight: 400;
  line-height: .865rem;
  letter-spacing: 0em;
  text-align: center;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background: #FFFFFF;
  border: 1px solid #CECECE;
  border-top-left-radius: .4rem;
  border-bottom-right-radius: .4rem;

}

.ckrstp1 {
  font-family: ll;
  font-size: .22rem;
  font-weight: 300;
  line-height: .26rem;
  letter-spacing: 0em;
  text-align: left;

  color: #666666;
}

/* solution1 手机 */

.Resl {
  width: 100%;
  /* height: 5.14rem; */
  position: relative;
}

.Resl .items {
  /* height: 5.14rem; */
  padding: .7rem .55rem 1.19rem !important;
}

.Resl .items h1 {

  font-size: .28rem;
  font-weight: 500;
  line-height: .33rem;
  letter-spacing: 0em;
  text-align: left;
  margin-top: .33rem;
  margin-bottom: .21rem;
  color: #000000;
}

.Resl .items h2 {

  font-size: .22rem;
  font-weight: 400;
  line-height: .48rem;
  letter-spacing: 0em;
  text-align: left;
  color: #27221C;
}

.Resl .items .soshow {
  display: flex;
  align-items: center;
  margin-top: .44rem;
}

.Resl .items .soshow span {
  font-size: .22rem;
  font-weight: 500;
  line-height: .26rem;
  letter-spacing: 0em;
  text-align: left;
  color: #3D3D3D;
  margin-left: .15rem;
}

.Resl .items .soshow div {
  width: .4rem;
  height: 1px;
  background-color: #BBBBBB;
}

.Resl .items .soshow .active {
  background-color: #005F66;
  height: 2px !important;
}

.Resl .items .soshow span:first-of-type {
  color: #005F66;
  margin-right: .15rem;
  margin-left: 0 !important;
}

.Resl .swiper-pagination {
  width: auto !important;
  left: 1rem !important;
  display: flex;
  align-items: center;
  bottom: .94rem !important;
}

.Resl .swiper-pagination-bullet {
  width: .4rem !important;
  height: .01rem !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

.Resl .swiper-pagination-bullet-active {
  height: .02rem !important;
  background: #005F66 !important;
}

.Resl .swiper-pagination-bullet:first-of-type::before {
  content: '01';
  color: #005F66;
  font-size: .22rem;
  font-weight: 400;
  line-height: .23rem;
  letter-spacing: 0em;
  text-align: left;
  position: relative;
  top: -0.11rem;
  left: -0.55rem;
}

.resl1 .swiper-pagination-bullet:last-of-type::after {
  content: '07';
  color: #3D3D3D;
  font-size: .22rem;
  font-weight: 400;
  line-height: .23rem;
  letter-spacing: 0em;
  text-align: left;
  position: relative;
  top: -0.11rem;
  right: -.55rem;
}

.resl4 .swiper-pagination-bullet:last-of-type::after {
  content: '05';
  color: #3D3D3D;
  font-size: .22rem;
  font-weight: 400;
  line-height: .23rem;
  letter-spacing: 0em;
  text-align: left;
  position: relative;
  top: -0.11rem;
  right: -.55rem;
}

.imgsh {
  padding: 0 .55rem;
}

.imgshswip .items {
  width: auto !important;
  margin-right: 0.8rem;
  text-align: center;
  height: .66rem;
  font-size: .24rem;
  font-weight: 400;
  line-height: .66rem;
  letter-spacing: 0em;
}

.imgshswip .items span {
  display: inline-block;
  height: 100%;
}

.imgsh .imgshswip {
  border-bottom: 1px solid #DADADA;
}

.imgshswip .active5 {
  border-bottom: 1px solid #EE7318;
  color: #3D3D3D;
}

.imgshowImgs {
  margin-top: .51rem;
  margin-bottom: 1rem;
}

.imgshowImgs p {

  margin: 0 auto;
  font-family: 'll';
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: .2rem;
  font-weight: 300;
  line-height: .38rem;
  text-align: left;
  color: #70757C;


}

.imgshowImgs h6 {
  display: none;
}

.imgshowImgs img {
  width: 15rem;
  height: 7.72rem;
  margin: 0 auto .2rem;

}

.imgshowImgs .imgactive {
  display: block;

}

/* 资质证书 */
.bigimgshow {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(128, 128, 128, 0.8);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bigimgshow i {
  display: inline-block;
  width: .48rem;
  height: .48rem;
  background: url(../images/del11.png) no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: -.48rem;
  cursor: pointer;
}

.bigimgshow div {
  width: 11.25rem;
  height: 7.5rem;
  display: flex;
  justify-content: center;
  background-color: #FFFFFF;
  position: relative;
}

.bigimgshow img {
  height: 100%;
}


/* 联系 */
.dybox {
  width: 100vw;
}

.lxbanner {
  width: 100%;
  height: 6.55rem;
  background: url(../images/lxbanner.png) no-repeat;
  background-size: 19.03rem 6.55rem;
}

.lxaddress {
  width: 100%;
  height: 6.12rem;
  padding: 0 2rem;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
}

.lxaddress .lxaddressLeft {
  padding-top: 1.42rem;
}

.lxaddress .lxaddressLeft h1 {
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: .32rem;
  line-height: .38rem;
  text-transform: capitalize;
  color: #000000;
  margin-bottom: .26rem;
}

.lxaddress .lxaddressLeft p {
  font-family: 'll';
  font-style: normal;
  font-weight: 300;
  font-size: .2rem;
  line-height: .4rem;
  color: #27221C;
}

.lxaddress .lxaddressLeft p img {
  width: .28rem;
  height: .28rem;
  margin-right: .17rem;
}

.lxaddress .lxaddressLeft ul {
  display: flex;
  margin-top: .69rem;
}

.lxaddress .lxaddressLeft ul li {
  margin-right: .45rem;
}

.lxaddress .lxaddressLeft ul li a img {
  width: 0.6158rem;
  height: 0.6158rem;
  transform: scale(1);
  transition: transform 1s ease 0s;
}
.lxaddress .lxaddressLeft ul li a img:hover{
  transform: scale(1.1);
}
.lxaddressRight {
  padding-top: .99rem;
}

.lxaddressRight .lxmap {
  width: 5.1018rem;
  height: 4.9924rem;
}

.position {
  width: .1928rem;
  /* height: .305rem; */
  position: absolute;
  top: 2.13rem;
  right: 1.15rem;
}

.lxsend {
  display: flex;
}

.lxsendLeft {
  width: 9.98rem;
  margin-right: .28rem;
  display: flex;
  flex-direction: column;
}

.lxsendLeft1 img {
  width: 9.98rem;
}

.lxsendLeft2 {
  flex: 1;
  width: 9.98rem;
  background-color: #FEF8F3;
  padding: .37rem 0 .46rem 2.02rem;
  margin-top: .22rem;
  /* margin-bottom: .28rem; */
}

.lxsendLeft2 p {
  width: 7.17rem;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  line-height: .42rem;
  color: #3E3A39;
}

.lxsendRight {
  width: 8.76rem;
  height: 9.18rem;
  background-color: #FEF8F3;
  padding: 1.16rem 0 1.33rem 1.26rem;
  border-top-right-radius: 25%;
}

.lxsendRight h1 {
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: .32rem;
  line-height: .38rem;
  text-transform: capitalize;
  color: #000000;
  margin-bottom: .46rem;
}

.lxsendRight .formcontrol {
  position: relative;
}

.lxsendRight .formcontrol span {
  display: block;
  width: .9rem;
  font-family: 'll';
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  line-height: .23rem;
  color: #3E3A39;
  position: absolute;
  left: .25rem;
  top: .21rem;
}

.lxsendRight .formcontrol input {
  width: 5.5rem;
  height: .6rem;
  border: .005rem solid #ABABAB;
  border-radius: .08rem;
  margin-bottom: .4rem;
  background-color: #FEF8F3;
  padding-top: .06rem;
  padding-left: 1rem;
  font-size: .2rem;
}

.lxsendRight .formcontrol textarea {
  width: 5.5rem;
  height: 1.85rem;
  border: .005rem solid #828282;
  border-radius: .08rem;
  background-color: #FEF8F3;
  padding-top: .23rem;
  padding-left: 1.2rem;
  font-size: .2rem;
}

.lxsendbtn {
  width: 5.5rem;
  height: .52rem;
  border-radius: .08rem;
  border: none;
  background-color: #EE7318;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  color: #FFFFFF;
  margin-top: .56rem;
}

.lxchallenge {
  margin-top: .28rem;
  width: 100%;
  height: 9.23rem;
  padding: 1.17rem 0 1.01rem 2.02rem;
  background-color: #F2F7F7;
}

.lxchallenge h1 {
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: .32rem;
  line-height: .56rem;
  text-transform: capitalize;
  color: #000000;
}

.lxchallenge h1 span {
  color: #EE7318;
}

.lxchallenge h2 {
  font-family: 'll';
  font-style: normal;
  font-weight: 300;
  font-size: .2rem;
  /* text-transform: capitalize; */
  color: #3E3A39;
  margin-top: .25rem;
  margin-bottom: .5364rem;
  display: flex;
  align-items: center;
}

.lxchallenge h2 img {
  width: .28rem;
  height: .28rem;
  margin-right: .13rem;
}

.lxchallenge ul {
  display: flex;
  position: relative;
}

.lxqx {
  width: 15.107rem;
  position: absolute;
  top: 0;
  left: 0;
}

.lxqxcircle {
  width: .1373rem;
  height: .1373rem;
  background-color: #005F66;
  border-radius: 100%;
  position: absolute;
  top: 0rem;
  left: 2.08rem;
}

.lxchallenge ul li img {
  width: .7064rem;
}

.lxchallenge ul li {
  width: 4.68rem;
  height: 4.76rem;
  margin-left: .3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: .6658rem;
}

.lxchallenge ul li h3 {
  font-family: 'll';
  font-style: normal;
  font-weight:900;
  font-size: .24rem;
  line-height: .28rem;
  /* text-transform: capitalize; */
  color: #000000;
  margin-bottom: .19rem;
  margin-top: .4042rem;
}

.lxchallenge ul li p {
  width: 3.84rem;
  font-family: 'll';
  font-style: normal;
  font-weight: 400;
  font-size: .18rem;
  line-height: .38rem;
  /* text-transform: capitalize; */
  color: #3E3A39;
  margin-left: 0.1rem;
}

.lxchallenge ul li:last-of-type {
  background: #D7E8E9;
  border-bottom-left-radius: 2.5rem;
  border-bottom-right-radius: 2.5rem;
}

.Company {
  padding: 0 .55rem;
}

.Company h1 {
  position: relative;

  width: 100%;
  margin: .91rem auto .51rem;
  font-family: 'll';
  font-style: normal;
  font-weight: 500;
  font-size: .48rem;
  text-align: center;
  text-transform: capitalize;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Company h6 {
  font-size: .26rem;
  font-weight: 500;
  line-height: .3rem;
  letter-spacing: 0em;
  text-align: left;
  margin-top: .6rem;
  color: #27221C;
}

.Company p {
  font-size: .22rem;
  font-weight: 400;
  line-height: .52rem;
  letter-spacing: 0em;
  text-align: left;
  margin-top: .2rem;
  color: #666666;
}

.Comimgs {
  width: 6.4rem;
  height: 3.78rem;
}

.Comimgs img {
  width: 100%;
  height: 100%;
}


.profileimg {
  width: 9.1rem;
  height: 5.83rem;
  margin-right: 0.88rem;
}

.profileimg img {
  width: 100%;
  height: 100%;
  border-top-right-radius: .5rem;
  border-bottom-left-radius: .5rem;
  margin: 0;
}

/* .profilect {
  padding-top: .5rem;
  padding-right: .57rem;
  width: 6.29rem;
  height: 5.3rem;
  overflow-x: hidden;
  overflow-y: auto;
}
.gundt {
  position: absolute;
  width: .01rem;
  height: 4.18rem;
  background: linear-gradient(to bottom, #CFCFCF, #DADADA00);
  right: 3.07rem;
  top: .52rem;
  z-index: -1;
} */
.pcbanner .swiper-pagination-bullet {
  margin: 0 0.14rem !important
}

.swiper-pagination-bullet-active {
  background-color: #EE7318 !important;
}

.mbjj {
  position: absolute;
  top: 1.9rem;
  width: 100vw;
  z-index: 10;
  background: #FFFFFF;
  padding: 0 .3rem;
}

.mbjj li {
  position: relative;
}

.mbjj li a {
  display: block;
  line-height: 0.7rem;
  border-bottom: 1px solid #f2f2f2;
  font-size: 0.26rem;
  color: #333;
}

.mbjj li a.mbactive {
  padding-left: 0.2rem;

}

.arrow-right {
  width: .1rem;
  height: .1rem;
  border-top: .02rem solid;
  border-right: .02rem solid;
  border-color: #EE7318;
  content: '';
  position: absolute;
  left: .05rem;
  top: 42%;
  transform: translateY(-50%);
  transform: rotate(45deg);




}

/* 弹窗 */
.makeform {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(157, 157, 157, 0.7);
}

.mform {
  width: 7.86rem;
  height: 7.7rem;
  position: relative;
  background: #FFFFFF;
  padding: .73rem 1.17rem .89rem;
}

.makeform i {
  display: inline-block;
  width: .3rem;
  height: .3rem;
  position: absolute;
  top: -0.15rem;
  right: -0.15rem;
  background-image: url(../images/del222.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: .3rem .3rem;
  cursor: pointer;
}

.makeform h5 {
  font-family: 'bb';
  font-size: .32rem;
  font-weight: 500;
  line-height: .48rem;
  letter-spacing: 0em;
  text-align: center;
  margin-bottom: .34rem;
  color: #000000;
}

.makeform h6 {
  font-family: 'll';
  font-size: .2rem;
  font-weight: 400;
  line-height: .23rem;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: .21rem;
  color: #888E8A;
  position: relative;
}

.makeform span {
  display: inline-block;
  width: .09rem;
  height: .09rem;
  background-image: url(../images/xinxinhao.png);
  background-repeat: no-repeat;
  background-size: .09rem .09rem;
  position: relative;
  top: -0.1rem;
}

.makeform input[type='text'] {
  width: 100%;
  height: .6rem;
  margin-bottom: .25rem;
  font-family: 'll';
  font-size: .2rem;
  font-weight: 400;
  line-height: .23rem;
  letter-spacing: 0em;
  text-align: left;
  text-indent: .23rem;
  border: 1px solid #D1D1D1;
}

.makeform .inps:nth-of-type(1) {
  background-image: url(../images/xinxinhao.png);
  background-repeat: no-repeat;
  background-size: .09rem .09rem;
  background-position: .83rem .21rem;
}

.makeform .inps[type='text']:nth-of-type(2) {
  background-image: url(../images/xinxinhao.png);
  background-repeat: no-repeat;
  background-size: .09rem .09rem;
  background-position: 1.2rem  .21rem;
}

.makeform .inps[type='text']:nth-of-type(3) {
  background-image: url(../images/xinxinhao.png);
  background-repeat: no-repeat;
  background-size: .09rem .09rem;
  background-position: 1rem .21rem;
}

.makeform .inps[type='text']:nth-of-type(4) {
  background-image: url(../images/xinxinhao.png);
  background-repeat: no-repeat;
  background-size: .09rem .09rem;
  background-position: 1rem .21rem;
}

.inps1 {
  background-image: none !important;
}

.makeform option {
  text-indent: .23re !important;
}

.makeform select {



}



.makeform select {
  width: 49%;
  height: .6rem;
  padding-left: .23rem;
  background-image: url(../images/buyjt1.png);
  background-repeat: no-repeat;
  background-position: right .23rem top .23rem;
  background-size: .14rem .1rem;
  border: 1px solid #D1D1D1;
  font-family: 'll';
  font-size: .2rem;
  font-weight: 400;
  line-height: .23rem;
  letter-spacing: 0em;
  text-align: left;
  background-color: #FFFFFF;
  color: #888E8A;
  -webkit-appearance: none !important;

  -webkit-border-radius: 0px;

  

}

.makeform input[type="button"] {
  font-size: .2rem;
  width: 2.24rem;
  height: .52rem;
  color: #FFFFFF;
  text-align: center;
  border-radius: 50px;
  background-color: #EE7318;
  border: none;
  position: relative;
  margin-top: .13rem;
  left: 50%;
  transform: translateX(-50%);
}

.pcdy {
  width: 1200px;
  margin: 0 auto;
}

.pcdy h2 {
  font-family: 'mm';
  font-size: .48rem;
  font-weight: 500;
  line-height: .56rem;
  letter-spacing: 0em;
  text-align: center;
  color: #000000;
}

.pcdy h5 {
  font-family: 'mm';
  font-size: .24rem;
  font-weight: 500;
  line-height: .28rem;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
}

/*  */

.zsbanner {
  width: 100%;
  height: 6.55rem;
  background: url(./images/zsbanner.png) no-repeat;
  background-size: cover;
}


.zslist {
  padding-top: 1.06rem;
  background-color: #F5F7F9;
}

.zslist h1 {
  font-family: 'bb';
  font-size: .48rem;
  font-weight: 500;
  line-height: .56rem;
  letter-spacing: 0em;
  text-align: center;
  color: #000000;
  margin-bottom: 0.55rem;
}

.zslistCategory {
  display: flex;
  justify-content: center;
  position: relative;
}

.zslistCategory .qualificate {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: .24rem;
  line-height: .28rem;
  color: #3D3D3D;
  cursor: pointer;
  padding-bottom: .18rem;
  margin: 0 .45rem;
}

.zslistCategory .qualificate.active {
  border-bottom: .03rem solid #EE7318;
}

.zslistCategory .qualificate:hover {
  border-bottom: .03rem solid #EE7318;
}

.zslistCategory .jianbianborder {
  position: absolute;
  width: 100%;
  height: .01rem;
  background: linear-gradient(to right, #DADADA00, #CFCFCF, #DADADA00);
  top: 100%;
  left: 0;
}

.zslistctbx {}

.zslistctbx .zslistct ul {
  display: flex;
  flex-wrap: wrap;
}

.zslistctbx .zslistct ul li {
  margin-right: .37rem;
  margin-bottom: .44rem;

}

.zslistctbx .zslistct ul li:hover p {
  color: #005F66;
}

.zslistctbx .zslistct ul li:nth-of-type(3n) {
  margin-right: 0;
}

.zslistctbx .zslistct>ul>li>a>div {
  width: 4.74rem;
  height: 3.16rem;
  overflow: hidden;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.zslistctbx .zslistct>ul>li>a p {
  width: 4.74rem;
  height: .8rem;
  background-color: #fff;
  border-top: .01rem solid #ECECEC;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  line-height: 0.8rem;
  text-align: center;
  text-transform: capitalize;
  color: #3E3A39;
}

.zslistctbx .zslistct ul li img {
  transform: scale(1);
  transition: transform 0.8s ease 0s;
}

.zslistctbx .zslistct ul li:hover img {
  transform: scale(1.2);
}

.zsviewmore {
  display: block;
  margin: 0 auto;
  width: 1.6rem;
  height: .48rem;
  border: .02rem solid #EE7318;
  border-radius: .5rem;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: .2rem;
  text-transform: capitalize;
  color: #EE7318;
  margin-top: .36rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zsviewmore:hover {
  background-color: #EE7318;
  color: #fff;
}

.shownone {
  display: none;
}

.lxaddress {
  width: 100%;
  height: 6.12rem;
  padding: 0 2rem;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
}

.lxaddress .lxaddressLeft {
  padding-top: 1.42rem;
}

.lxaddress .lxaddressLeft h1 {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: .32rem;
  line-height: .38rem;
  text-transform: capitalize;
  color: #000000;
  margin-bottom: .26rem;
}

.lxaddress .lxaddressLeft p {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-size: .2rem;
  line-height: .4rem;
  color: #27221C;
}

.lxaddress .lxaddressLeft p img {
  width: .28rem;
  height: .28rem;
  margin-right: .17rem;
}

.lxaddress .lxaddressLeft ul {
  display: flex;
  margin-top: .69rem;
}

.lxaddress .lxaddressLeft ul li {
  margin-right: .45rem;
}

.lxaddress .lxaddressLeft ul li a img {
  width: .8158rem;
  height: .8158rem;
}

.lxaddressRight {
  padding-top: .99rem;
}

.lxaddressRight .lxmap {
  width: 5.1018rem;
  height: 4.9924rem;
}

.position {
  width: .1928rem;
  /* height: .305rem; */
  position: absolute;
  top: 2.13rem;
  right: 1.15rem;
}

.lxsend {
  display: flex;
}

.lxsendLeft {
  width: 9.98rem;
  margin-right: .28rem;
}

.lxsendLeft1 img {
  width: 9.98rem;
}

.lxsendLeft2 {
  width: 9.98rem;
  background-color: #FEF8F3;
  padding: .37rem 0 .46rem 2.02rem;
  margin-top: .22rem;
  /* margin-bottom: .28rem; */
}

.lxsendLeft2 p {
  width: 7.17rem;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  line-height: .42rem;
  color: #3E3A39;
}

.lxsendRight {
  width: 8.76rem;
  height: 9.18rem;
  background-color: #FEF8F3;
  padding: 1.16rem 0 1.33rem 1.26rem;
}

.lxsendRight h1 {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: .32rem;
  line-height: .38rem;
  text-transform: capitalize;
  color: #000000;
  margin-bottom: .46rem;
}

.lxsendRight .formcontrol {
  position: relative;
}

.lxsendRight .formcontrol span {
  display: block;
  width: .9rem;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  line-height: .23rem;
  color: #3E3A39;
  position: absolute;
  left: .25rem;
  top: .21rem;
}

.lxsendRight .formcontrol input {
  width: 5.5rem;
  height: .6rem;
  border: .005rem solid #ABABAB;
  border-radius: .08rem;
  margin-bottom: .4rem;
  background-color: #FEF8F3;
  padding-top: .06rem;
  padding-left: 1rem;
  font-size: .2rem;
}

.lxsendRight .formcontrol textarea {
  width: 5.5rem;
  height: 1.85rem;
  border: .005rem solid #828282;
  border-radius: .08rem;
  background-color: #FEF8F3;
  padding-top: .23rem;
  padding-left: 1.2rem;
  font-size: .2rem;
}

.lxsendbtn {
  width: 5.5rem;
  height: .52rem;
  border-radius: .08rem;
  border: none;
  background-color: #EE7318;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  color: #FFFFFF;
  margin-top: .56rem;
}

.lxchallenge {
  width: 100%;
  height: 9.23rem;
  padding: 1.17rem 0 1.01rem 2.02rem;
  background-color: #F2F7F7;
}

.lxchallenge h1 {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: .32rem;
  line-height: .56rem;
  text-transform: capitalize;
  color: #000000;
}

.lxchallenge h1 span {
  color: #EE7318;
}

.lxchallenge h2 {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-size: .2rem;
  /* text-transform: capitalize; */
  color: #3E3A39;
  margin-top: .25rem;
  margin-bottom: .5364rem;
  display: flex;
  align-items: center;
}

.lxchallenge h2 img {
  width: .28rem;
  height: .28rem;
  margin-right: .13rem;
}

.lxchallenge ul {
  display: flex;
  position: relative;
}

.lxqx {
  width: 15.107rem;
  position: absolute;
  top: 0;
  left: 0;
}

.lxqxcircle {
  width: .1373rem;
  height: .1373rem;
  background-color: #005F66;
  border-radius: 100%;
  position: absolute;
  top: 0rem;
  left: 2.08rem;
}

.lxchallenge ul li img {
  width: .7064rem;
}

.lxchallenge ul li {
  width: 4.68rem;
  height: 4.76rem;
  margin-left: .3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: .6658rem;
}

.lxchallenge ul li h3 {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: .24rem;
  line-height: .28rem;
  /* text-transform: capitalize; */
  color: #000000;
  margin-bottom: .19rem;
  margin-top: .4042rem;
}

.lxchallenge ul li p {
  width: 3.84rem;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: .18rem;
  line-height: .38rem;
  /* text-transform: capitalize; */
  color: #3E3A39;
  margin-left: 0.1rem;
}

.lxchallenge ul li.active {
  background-color: #D7E8E9;
  border-bottom-left-radius: 2.5rem;
  border-bottom-right-radius: 2.5rem;
}

.zslistCategory {
  display: flex;
  justify-content: center;
  position: relative;
}

.zslistCategory .qualificate {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: .24rem;
  line-height: .28rem;
  color: #3D3D3D;
  cursor: pointer;
  padding-bottom: .18rem;
  margin: 0 .45rem;
}

.zslistCategory .qualificate.active {
  border-bottom: .03rem solid #EE7318;
}

.zslistCategory .qualificate:hover {
  border-bottom: .03rem solid #EE7318;
}

.zslistCategory .jianbianborder {
  position: absolute;
  width: 100%;
  height: .01rem;
  background: linear-gradient(to right, #DADADA00, #CFCFCF, #DADADA00);
  top: 100%;
  left: 0;
}

.zslistctbx {}

.zslistctbx .zslistct ul {
  display: flex;
  flex-wrap: wrap;
}

.zslistctbx .zslistct ul li {
  margin-right: .37rem;
  margin-bottom: .44rem;

}

.zslistctbx .zslistct ul li:hover p {
  color: #005F66;
}

.zslistctbx .zslistct ul li:nth-of-type(3n) {
  margin-right: 0;
}

.zslistctbx .zslistct>ul>li>a>div {
  width: 4.74rem;
  height: 3.16rem;
  overflow: hidden;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.zslistctbx .zslistct>ul>li>a p {
  width: 4.74rem;
  height: .8rem;
  background-color: #fff;
  border-top: .01rem solid #ECECEC;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  line-height: 0.8rem;
  text-align: center;
  text-transform: capitalize;
  color: #3E3A39;
}

.zslistctbx .zslistct ul li img {
  transform: scale(1);
  transition: transform 0.8s ease 0s;
}

.zslistctbx .zslistct ul li:hover img {
  transform: scale(1.2);
}

.zsviewmore {
  display: block;
  margin: 0 auto;
  width: 1.6rem;
  height: .48rem;
  border: .02rem solid #EE7318;
  border-radius: .5rem;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: .2rem;
  text-transform: capitalize;
  color: #EE7318;
  margin-top: .36rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zsviewmore:hover {
  background-color: #EE7318;
  color: #fff;
}

.shownone {
  display: none;
}

.zslistctbx .zslistct1 ul li {
  width: 2.86rem;
  margin-right: 1.19rem;
}

.zslistctbx .zslistct1 ul li>a>div {
  width: 2.86rem;
  height: 4.0413rem;
}

.zslistctbx .zslistct1 ul li>a>p {
  width: 2.86rem;
  border: none;
  background-color: rgba(0, 0, 0, 0);
}

.zslistctbx .zslistct1 ul li:nth-of-type(3n) {
  margin-right: 1.19rem;
}

.zslistctbx .zslistct1 ul li:nth-of-type(4n) {
  margin-right: 0;
}



.zsSeries,
.zsModel {
  width: 4.12rem;
  height: .6rem;
  background-color: rgb(230, 238, 240);
  background-image: url(../images/daosanjiao.png);
  background-repeat: no-repeat;
  background-position: 3.7rem center;
  cursor: pointer;
  /* margin-right: .2rem; */
  border-radius: .08rem;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: .2rem;
  line-height: .23rem;
  padding-left: .25rem;
  color: #3E3A39;
  border: .02rem solid #AFAFAF;
}



.zsDownload {
  width: 4.12rem;
  height: .6rem;
  background-color: rgb(230, 238, 240);
  border-radius: .08rem;
  background-image: url(../images/xaizai11.png);
  background-repeat: no-repeat;
  background-size: .21rem .26rem;
  background-position: 1.4rem center;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: .2rem;
  color: #EC731A;
  display: flex;
  align-items: center;
  padding-left: .5rem;
  border: none;
  text-align: center;
  border: .02rem solid #EC731A;
}

/* .zsDownload:hover {
  background-color: #0C6D74;
} */


.zsin1 ul,
.zsin2 ul {
  position: absolute;
  top: .5rem;
  left: 0;
  width: 4.12rem;
  padding-top: .15rem;
  background-color: rgb(230, 238, 240);
  padding-left: .25rem;
  display: none;
  border: .02rem solid #AFAFAF;
  border-radius: .08rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: none;
}

.zsin1 ul li,
.zsin2 ul li {
  margin-bottom: .26rem;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: .2rem;
  line-height: .23rem;
  text-transform: capitalize;
  color: #3E3A39;
  cursor: pointer;
}

.cpzsdown {
  width: 6.45rem;
  height: 6.45rem;
  background-color: rgb(230, 238, 240);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.procern {
  width: 100%;
  height: 7.24rem;
  background: url(../images/procenbgip.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: flex;
  justify-content: space-between;
  padding: 0.4rem 0.45rem;
}

.cpzsup {
  width: 6.45rem;
  height: 6.45rem;
  padding: 1rem;
  border-radius: 50%;
}

.zsin1 {
  position: relative;
  margin-top: .24rem;
  z-index: 10;
}
.zsin1::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.zsin2::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.zsin2 {
  position: relative;
  margin-top: .24rem;
  z-index: 5;
}

.zsin3 {
  position: relative;
  margin-top: .24rem;
  z-index: 0;
}

.cpzsup h4 {
  font-family: 'mm';
  font-size: .24rem;
  font-weight: 500;
  line-height: .32rem;
  letter-spacing: 0em;
  text-align: left;

}

.cpzsup ul li {
  /* display: flex;
  align-items: center; */
  font-family: 'mm';
  font-size: .2rem;
  font-weight: 400;
  line-height: .32rem;
  letter-spacing: 0em;
  text-align: left;
  position: relative;
  color: #000000;
  margin-top: .27rem;
  padding-left: 20px;
  position: relative;
}

.cpzsup ul li:before {
  content: "";
  width: .03rem;
  height: .03rem;
  display: inline-block;
  border-radius: 50%;
  background: black;
  vertical-align: middle;
  margin-right: .1rem;
  position: absolute;
  left: 0;
  top: .15rem;

}

.cpzsdown h4 {
  font-family: 'mm';
  font-size: .24rem;
  font-weight: 500;
  line-height: .32rem;
  letter-spacing: 0em;
  text-align: left;
  text-align: center;
}


.content:has(.Warranty) {
  padding: 0;
  margin: 0;
  width: 100vw;
}

/* wt */
.Warranty {
  width: 12rem;
  margin: 0 auto;
  padding-top: .3rem;
  /* display: flex;
          flex-direction: column;
          align-items: center; */
}

.Warranty .title {
  font-family: 'll';
  font-size: .48rem;
  font-weight: 500;
  line-height: .56rem;
  letter-spacing: 0em;
  text-align: center;
  color: #000000;
  margin-bottom: 0.55rem;
}

.Warranty h1 {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: .2rem;
  line-height: .48rem;
  color: #000000;
  margin-bottom: .03rem;
  margin-top: .34rem;
}

.Warranty p {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-size: .2rem;
  line-height: .4rem;
  color: #666666;
  /* margin-bottom: .36rem; */
}

.Warranty h2 {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: .24rem;
  line-height: .48rem;
  color: #000000;
  margin-top: .28rem;
  margin-bottom: .05rem;
  text-align: left;
}

.Warranty h3 {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: .2rem;
  line-height: .4rem;
  text-transform: capitalize;
  color: #333333;
  margin-bottom: .05rem;
}

.Warranty h4 {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: .18rem;
  line-height: .4rem;
  color: #202020;
}

.Warranty table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: .22rem;
  margin-bottom: .13rem;
  /* border-collapse: separate; */
}

.Warranty td,
.Warranty th {
  padding: 0;
  border: none;
  /* table-layout: fixed; */
  /* 去除单元格边框 */
  /* border-bottom: 1px solid #ddd; */
  /* 保留单元格下边框 */
}

.Warranty tr {
  border-bottom: 1px solid #ddd;
}

.Warranty .pure-table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  border-left: 1px solid #EBEBEB;
  border-right: 1px solid #EBEBEB;
}

.Warranty .pure-table tr {
  padding: .13rem 0;
}

.Warranty .pure-table caption {
  color: #000;
  font: italic 85%/1 arial, sans-serif;
  padding: 1em 0;
  text-align: center;
}

.Warranty .pure-table td,
.Warranty .pure-table th {
  /* border-left: 1px solid #cbcbcb; */
  border-width: 0 0 0 1px;
  font-size: inherit;
  margin: 0;
  overflow: visible;
  padding: .5em 1em;
  text-align: center;
}

.Warranty .pure-table th {
  height: .58rem;
  padding: .2rem 0;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: .2rem;
  line-height: .23rem;
  text-transform: capitalize;
  color: #FFFFFF;
  text-align: center;
}

.Warranty .pure-table td {
  padding: .13rem 0;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-size: .2rem;
  line-height: .32rem;
  color: #666666;
}

.Warranty .pure-table thead {
  background-color: #EC731A;
  color: #fff;
  text-align: left;
  vertical-align: bottom;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: .2rem;
  line-height: .23rem;
  text-transform: capitalize;
}

.Warranty .pure-table td {
  background-color: transparent;
}



/*  */
.buycen {
  width: 100%;
  height: 8.45rem;
  background-color: #F5F7F9;
  padding: 1.03rem 2rem 1.22rem;
  display: flex;
  justify-content: space-between;
}

.buycen img {
  width: 1.8rem;
  height: 1.8rem;
}

.buycen h2 {
  font-family: 'mm';
  font-size: .32rem;
  font-weight: 500;
  line-height: .48rem;
  letter-spacing: 0em;
  text-align: center;
  color: #000000;
}

.buycen h5 {
  font-family: 'll';
  font-size: .24rem;
  font-weight: 400;
  line-height: .28rem;
  letter-spacing: 0em;
  text-align: center;
  color: #333333;
}

.buycenl,
.buycenr {
  width: 7rem;
  height: 6.2rem;
  background-color: #FFFFFF;
  border-top-left-radius: 15%;
  border-bottom-right-radius: 15%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0 !important;
  cursor: auto;
  pointer-events: none;
}



.qpsp1,
.qpsp2 {
  display: none;
  width: 100vw;
  /* height: 10.7rem; */
  position: relative;
  margin-bottom: 1rem;
}

.shows1 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.shows1 img {
  width: .8rem;
  height: .8rem;
  margin-bottom: .29rem;
}

.shows1 p {
  font-family: 'll';
  font-size: .32rem;
  font-weight: 400;
  line-height: .38rem;
  letter-spacing: 0em;
  text-align: left;
}

.splb {
  display: flex;
  justify-content: center;
  margin-top: .33rem;
  height: .5rem;
  width: 100%;
  margin-bottom: .72rem;
  border-bottom: 1px solid #CFCFCF;



}

.splb .act {
  border-bottom: 2px solid #EE7318;
}

.splb li {
  height: 100%;
  margin: 0 .34rem;
}

.splb li a {
  font-family: 'll';
  font-size: .24rem;
  font-weight: 400;
  line-height: .28rem;
  letter-spacing: 0em;
  text-align: left;
  color: #3D3D3D;
}

.shiplist ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.shiplist ul li {
  width: 48%;
  margin-bottom: .45rem;
  cursor: pointer;
}

.shiplist .imgss {
  width: 100%;
  height: 4.02rem;
  position: relative;
  overflow: hidden;
}

.shiplist .imgss img {
  transform: scale(1);
  transition: transform 1s ease 0s;
}

.shiplist li:hover .imgss img {
  transform: scale(1.05);
}

.shiplist li:hover p {
  color: #EF6A00;
}

.shiplist p {
  width: 100%;
  height: 100%;
  font-family: 'll';
  font-size: .24rem;
  font-weight: 400;
  line-height: .8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;

}


.shiplist h5 {
  width: 100%;
  height: .8rem;
  font-family: 'll';
  font-size: .24rem;
  font-weight: 400;
  line-height: .8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;

}

.zhezhaocen {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 4.02rem;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.5;
  background-color: #000000;
}

.zhezhaocen img {
  width: .58rem;
  height: .58rem;
}

.shiplist .pre,
.shiplist .next1 {
  color: #6E6F75 !important;
  background: none !important;
}

.shiplist .cpb {
  background: #005F66 !important;
  border-radius: 50% !important;
  width: .52rem !important;
}

.shiplist .fy a {
  border-radius: 50% !important;
  width: .52rem !important;
  background: none !important;
  color: #6E6F75;
}

.shiplist .fy .fenye:hover {
  background: #005F66 !important;
  color: #FFFFFF !important;
}

.shiplist .pre:hover,
.shiplist .next1:hover {
  background: none !important;
  color: #005F66 !important;
}



.abcd {
  height: 100vh !important;
  position: relative;
}

.abcd img {
  position: relative;
}

.abcd h6 {
  position: absolute;
  right: 2rem;
  top: 3.2rem;
  color: #FFFFFF;
  font-family: "mm";
  font-size: .52rem;
  font-weight: 900;
  line-height: .61rem;
  letter-spacing: 0em;
  text-align: left;
  z-index: 13;
}




.downloaditem:nth-child(5) {
  display: none;
}


@media only screen and (min-width:770px) {
  .gotop{
    display: none;
    z-index: 1000000000;
    width: .5rem;
    height: .5rem ;
    background-color: #CFCFCF;
    background-image: url(../images/gotop.png) ;
    background-repeat: no-repeat;
    background-position: center;
    background-size: .25rem .25rem;
    position: fixed;
    right: 0;
    bottom: 2rem;
  }
  

.gotop:hover{
  background-color: #EE7318 ;
  
}
  /* .dybanner .items:nth-of-type(1) .bannernr {
    top: 4.19rem;
    left: 2.02rem;
  }

  .dybanner .items:nth-of-type(1) .bannernr h5 {
    font-family: "mm";
    font-size: .52rem;
    font-weight: 900;
    line-height: .61rem;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
  }

  .dybanner .items:nth-of-type(1) .bannernr h6 {
    font-family: 'll';
    font-size: .22rem;
    font-weight: 400;
    line-height: .26rem;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
  }

  .dybanner .items:nth-of-type(1) .bannernr .ReadMore {
    display: none;
  }

 
  .dybanner .items:nth-of-type(4) .bannernr {
    left: 1.9rem;
    top: 1.66rem;
  }

  .dybanner .items:nth-of-type(4) .bannernr h5 {
    font-family: "mm";
    font-size: .52rem;
    font-weight: 900;
    line-height: .61rem;
    letter-spacing: 0em;
    text-align: left;
    color: #464441;
  }

  .dybanner .items:nth-of-type(4) .bannernr h6 {
    font-family: 'll';
    font-size: .22rem;
    font-weight: 400;
    line-height: .26rem;
    letter-spacing: 0em;
    text-align: left;
    color: #434447;

  }

  .dybanner .items:nth-of-type(4) .bannernr .ReadMore {
    color: #000;
    background: none;
    border: 1px solid #464441;
  }

  
  .dybanner .items:nth-of-type(3) .bannernr {
    left: 1.9rem;
    top: 3.11rem;
  }

  .dybanner .items:nth-of-type(3) .bannernr h5 {
    font-family: "mm";
    font-size: .52rem;
    font-weight: 900;
    line-height: .61rem;
    letter-spacing: 0em;
    text-align: left;
    color: #464441;
  }

  .dybanner .items:nth-of-type(3) .bannernr h6 {
    font-family: 'll';
    font-size: .22rem;
    font-weight: 400;
    line-height: .26rem;
    letter-spacing: 0em;
    text-align: left;
    color: #434447;
  }

  .dybanner .items:nth-of-type(3) .bannernr .ReadMore {
    color: #000;
    background: none;
    border: 1px solid #464441;
  }


  .dybanner .items:nth-of-type(2) .bannernr {
    left: 1.9rem;
    top: 3.22rem;
  }

  .dybanner .items:nth-of-type(2) .bannernr h5 {
    font-family: "mm";
    font-size: .52rem;
    font-weight: 900;
    line-height: .61rem;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
  }

  .dybanner .items:nth-of-type(2) .bannernr h6 {
    font-family: 'll';
    font-size: .22rem;
    font-weight: 400;
    line-height: .26rem;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
  }

  .dybanner .items:nth-of-type(2) .bannernr .ReadMore {
    color: #FFFFFF;
    background: none;
    border: 1px solid #FFFFFF;
  } */

  .Resl,
  .imgsh,
  .xwnrrbom,
  .Company,
  .xwrqi span,
  .mbbanner,
  .mbProducts,
  .mbSolutions,
  .mbhzhb {
    display: none;
  }

  .abcd img:last-of-type {
    display: none;
  }

  .abcd h6
}





.mbdaohang {
  display: none;
}





/* 手机 */
@media only screen and (max-width:768px) {
  body{
  min-height: 100vh;
  height: auto;
    padding-bottom: 4.97rem;
    position: relative;
  }
  .appdownload{
    height: auto !important;
    flex-direction: column !important;
  }
  .white_content{
    width: 90% !important;
    height: 4.3rem !important;
  }
  .videoclose{
    right: 0.2rem !important;
    top: -.5rem !important;
  }
  .abcd img:first-of-type {
    display: none;
  }
  .buybanner1 img  {
    display: none;
    }
  .abcd h6 {
    display: none;
  }

  .ballist ul li img {
    height: 0.8rem;
  }

  .ballist ul li p {
    font-size: .3rem;
  }

  .balconyTop h1 {
    font-size: 0.4rem;
  }

  .balconyTop p {
    font-size: 0.3rem;
  }

  .battery ul li h2 a {
    font-size: .32rem;
  }

  .battery ul li h3 a {
    font-size: .22rem;
  }
  .buycen img {
    width: 2rem;
    height: 2rem;
  }

  .interestedLeft>div:nth-of-type(1) .partinp {
    background-image: url(/images/xinxinhao.png);
    background-repeat: no-repeat;
    background-position: 1.2rem center;
  }

  .interestedLeft>div:nth-of-type(2) .partinp {
    background-image: url(/images/xinxinhao.png);
    background-repeat: no-repeat;
    background-position: 1.2rem center;
  }

  .interestedLeft>div:nth-of-type(3) .partinp {
    background-image: url(/images/xinxinhao.png);
    background-repeat: no-repeat;
    background-position: 1.6rem center;
  }

  .interestedLeft>div:nth-of-type(4) .partinp{
    background-image: url(/images/xinxinhao.png);
    background-repeat: no-repeat;
    background-position: 1.4rem center;
  }

  .interestedLeft>div:nth-of-type(5) .partinp {
    background-image: url(/images/xinxinhao.png);
    background-repeat: no-repeat;
    background-position: 5.3rem 0.22rem;
  }

  .pro-banner .pro-banner-top1 {
    padding: 0 !important;
    flex-wrap: wrap;
    padding: 0;
    height: auto;
  }

  .pro-banner .pro-banner-top1 p {
    padding: 0.21rem 0.36rem 0.17rem;
  }

  .pro-banner .pro-banner-top1 div {
    padding: 0.25rem 0 0.2rem;
    display: flex;
    flex: 1;
    justify-content: space-around;
    border-top: 1px solid #DBDBDB;
  }

  .balconyBox div:first-of-type {
    height: 5.84rem !important;
  }

  .sohide img {
    width: .5rem;
    height: .5rem;
  }

  .pcdy {
    width: auto;
  }

  .qpsp1,
  .qpsp2 {

    margin-bottom: .49rem;
  }

  .shows1 {
    width: 100%;
  }

  .shows1 img {
    width: .77rem;
    height: .77rem;
  }

  .shows1 p {
    font-family: 'll';
    font-size: .32rem;
    font-weight: 400;
    line-height: .38rem;
    letter-spacing: 0em;
    text-align: left;
  }

  .zhezhaocen,
  .shiplist .imgss {
    height: 1.74rem !important;
  }

  .shiplist .fy a {
    width: .72rem !important;
  }

  .shiplist .cpb {
    width: .6rem !important;
  }




  #scroll_bar,
  .profilebox::-webkit-scrollbar,
  .gundt {
    display: none;
  }
  .profilebox {
    width: auto;
  }

  .Warranty {
    width: 6.4rem;
  }

  .balcony {
    padding: 0;
  }

  .balcony img {
    display: none;
  }

  .balconyTop {
    padding: .95rem .65rem .82rem .56rem;
  }

  .balconyTop p {
    margin-bottom: 0;
  }

  .balconyBottom {
    display: none;
  }

  .ballist {
    padding: .95rem .55rem 0rem;

  }

  .ballist ul {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .ballist ul li {
    width: 6rem;
  }

  .balconnection {
    margin: .89rem .55rem;
    height: 12.3rem;
    margin-bottom: 0;
  }

  .qipao1 {
    width: 4.86rem;
    height: 4.74rem;
    top: 1.54rem;
    left: 50%;
    transform: translate(-50%);
  }

  .qipao2 {
    width: 4.7062rem;
    height: 4.7rem;
    top: 6.15rem;
    left: 50%;
    transform: translate(-50%);
  }

  .balbtn {
    padding-top: .71rem;
    padding-bottom: 1.2rem;
  }

  .buycen {
    width: 100%;
    height: 14.2rem;
    background-color: #F5F7F9;
    padding: .5rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }

  .zsbanner {
    width: 100%;
    height: 5.84rem;
    /* background: url(/images/zhbanner.jpg) no-repeat !important; */
    background-size: cover !important;
  }

  .zslistctbx {
    padding: 0;
    padding-top: 0.4rem;
  }

  .procern {
    width: 100% !important;
    height: 13.44rem !important;
    background: url(../images/procenbgim.png) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: .44rem .25rem !important;
  }


  .cpzsdown {
    width: 5.92rem !important;
    height: 5.92rem !important;
    background-color: rgb(230, 238, 240) !important;
    border-radius: 50% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
  }

  body {
    /* background-color: red; */
  }

  .mform {
    width: 6.4rem !important;
    height: 8rem !important;
  }

  .makeform input[type="button"] {
    margin-top: .3rem;
  }
  .profilect1 h2{
    text-align: center;
  }
  .profileimg {
    width: 6.4rem;
    height: 3.7837rem;
    /* margin-right: 0; */
    margin: 0 auto;
  }
  .profilect1{
    margin: 0 auto;
  }

  .profileimg img {
    width: 100%;
    height: 100%;
    border-top-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
    margin: 0;
  }




  .pro-banner span {
    display: none;
  }

  .zhenshu11 {
    padding: 0 !important;
  }

  .head,
  .head2 {
    display: none !important;
  }

  .modal-dialog {
    margin: 1.75rem 0.55rem;
  }

  .buyform input {
    height: 0.4rem;
  }


  .mbhead {
    width: 100%;
    height: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: .35rem;
    /*position: fixed; top: 0; z-index: 99;*/
    background-color: #fff;
    position: relative;
    border-bottom: 0.01rem solid #D9D9D9;
  }

  .lang1 {
    position: absolute;
    width: 1.12rem;
    height: .88rem;
    display: none;
    border-radius: .08rem;
    background-color: #fff;
    top: 1.14rem;
    /* right: 0.86rem; */
    right: .73rem;
    z-index: 999;
    padding: .2rem 0;
  }

  .lang1 a {
    display: block;
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .20rem;
    line-height: .23rem;
    color: #515151;
    text-align: center;
    margin-bottom: .1rem;
  }


  .lang1 i{
    position: absolute;
    display: inline-block;
    width: 0.15rem;
    height: 0.15rem;
    background-color: #FFFFFF;
    top: -0.07rem;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);

  }
  .mbhead div {
    display: flex;
    align-items: center;
  }

  .dymblogo {
    width: 2.4rem;
    height: 0.4197rem;
    display: block;
    background: url(../images/logo1.png) no-repeat;
    background-size: 2.4rem 0.4197rem;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
  }

  .dymbbutton {
    width: 0.4rem;
    height: 0.4rem;
    outline: 0;
    border: 0;
    background: url(../images/ssw.png) no-repeat;
    background-size: 0.4rem 0.4rem;
  }

  .dygw {
    width: 0.82rem;
    height: 1rem;
    background-image: url(../images/gww1.png);
    background-color: #EE7318;
    background-repeat: no-repeat;
    background-size: 0.4rem 0.4rem;
    margin: 0;
  }

  .caidan {
    width: 0.44rem;
    height: 0.44rem;
    background: url(../images/sanh.png) no-repeat;
    background-size: 0.44rem 0.44rem;
    outline: 0;
    border: 0;
  }

  .caidan.current {
    width: 0.42rem;
    height: 0.37rem;
    background: url(../images/iclose3.png) no-repeat center center;
    background-size: 0.32rem 0.31rem;
  }

  .droplist {
    display: none;
    width: 100%;
    height: 100%;
    z-index: 100;
    position: fixed;
    top: 1rem;
    bottom: 0;
    left: 50%;
    margin-left: -50%;
    background-color: #fff;
  }

  .droplist>ul {
    overflow-y: auto;
    padding: 0 0.5rem;
    padding-top: 0.2rem;
    height: 92%;
  }

  .droplist>ul>li {
    cursor: pointer;
  }

  .droplist>ul>li.nbg>a {
    background: none !important;
  }

  /* .droplist>ul>li>a :first-of-type{
    background: none !important;
  }

  .droplist>ul>li>a :last-of-type{
    background: none !important;
  }
  .droplist>ul>li>a :nth-child(6){
    background: none !important;
  } */
  .droplist>ul>li>a {
    color: #231815;
    font-size: 0.36rem;
    line-height: 0.98rem;
    font-family: "l";
    font-weight: 400;
    height: 0.98rem;
    border-bottom: 1px solid #A9A9A9;
    display: block;
    background: url(../images/add.png) right center no-repeat;
    display: block;
    background-size: 0.22rem 0.22rem;
    display: flex;
    justify-content: space-between;
  }

  .droplist>ul>li>a.current {
    background: url(../images/minus.png) right center no-repeat;
    background-size: 0.24rem 0.03rem;
  }

  .droplist ul li ul {
    display: none;
    border-bottom: 1px solid #4b4a4a;
    padding: 0.18rem 0;
  }

  .droplist ul li ul li a {
    color: #231815;
    font-size: 0.3rem;
    line-height: 0.7rem;
  }

  .bigsearch {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: #fff;
    display: flex;
    align-items: center;
    padding-left: 0.46rem;
    justify-content: space-between;
    height: 0;
    overflow: hidden;
  }

  .bigsearch div {
    cursor: pointer;
    width: 0.87rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .bigsearch div img {
    width: 0.4rem;
  }

  .bigsearch input {
    flex: 1;
    flex: 1;
    outline: 0;
    border: 0;
    font-size: 0.3rem;
    font-family: "l";
    font-weight: 400;
    color: #787878;
  }

  .bigsearch input::-webkit-input-placeholder {
    font-size: 0.3rem;
    font-family: "l";
    font-weight: 400;
    color: #787878;
  }

  /* .mbhead2 { background: #fff; }
  .mbhead2 .dymblogo { background: url(../images/logo1.png) no-repeat; background-size: 2.6rem 0.4546rem; }
  .mbhead2 .dymbbutton { background: url(../images/ssg.png) no-repeat; background-size: 0.4rem 0.4rem; }
  .mbhead2 .dygw { width: 0.4rem; height: 0.4rem; background: url(../images/gwg.png) no-repeat; background-size: 0.4rem 0.4rem; margin-left: 0.21rem; margin-right: 0.3rem; }
  .mbhead2 .caidan { width: 0.42rem; height: 0.32rem; background: url(../images/sanhg.png) no-repeat; background-size: 0.42rem 0.32rem; outline: 0; border: 0; }
  .mbhead2 .caidan.current { width: 0.42rem; height: 0.37rem; background: url(../images/iclose3.png) no-repeat center center; background-size: 0.42rem 0.37rem; } */
  .mbbanner {
    display: block;
  }

  .pcbanner {
    display: none;
  }

  .dybanner .swiper-button-next,
  .dybanner .swiper-rtl .swiper-button-prev {
    right: 0.3101rem;
    left: auto;
    background: url(../images/dyr.png);
    background-size: 0.1299rem 0.2774rem;
  }

  .dybanner .swiper-button-prev,
  .dybanner .swiper-rtl .swiper-button-next {
    left: 0.3101rem;
    right: auto;
    background: url(../images/dyl.png);
    background-size: 0.1299rem 0.2774rem;
  }

  .dybanner .swiper-button-next,
  .dybanner .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 0.1299rem;
    height: 0.2774rem;
    margin-top: calc(0px - (var(--swiper-navigation-size)/2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
  }

  .mbbanner {
    height: 5.84rem;
  }

  .mbbanner .swiper-wrapper {
    height: 5.84rem;
  }

  .mbbanner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 .15rem;
  }

  .mbbanner .swiper-pagination-bullet-active {
    background-color: #005F66;
  }

  .dybanner .swiper-slide img {
    width: 100%;
    height: 5.84rem;
  }

  .mbselectlang {
    width: .82rem;
    height: 1rem;
    background-image: url(../images/language1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: .3rem .3rem;
  }

  .mbbanner {
    position: relative;
    margin-top: 0;
  }

  .mbbanner .swiper-wrapper .swiper-slide {
    position: relative;
  }

  .mbbanner .h1h2 {
    position: absolute;
    top: 2.26rem;
    left: 0.41rem;
    z-index: 999;
  }

  .mbbanner h1 {
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .36rem;
    line-height: .42rem;
    text-transform: capitalize;
    color: #000000;
    margin-bottom: .17rem;
  }

  .mbbanner h2 {
    font-family: 'll';
    font-style: normal;
    font-weight: 300;
    font-size: .28rem;
    line-height: .33rem;
    text-transform: capitalize;
    color: #333333;
  }

  .mbbanner .swiper-horizontal>.swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 0.3rem;
    left: 0rem;
    width: 100%;
  }

  .mbproductSwiper .swiper-button-next,
  .mbproductSwiper .swiper-button-prev {
    color: #B5B5B5;
  }

  .mbproductSwiper .swiper-button-next:after,
  .mbproductSwiper .swiper-button-prev:after {
    font-size: .3rem;
  }

  .Products {
    display: none;
  }


  .mbProducts {
    display: block;
    background-color: #F3F5FF;
    padding: .91rem .55rem 0.74rem;
  }

  .mbproductSwiper {
    width: 6.4rem;
    height: 4.2495rem;
  }

  .mbproductSwiper img {
    width: 6.4rem;
    height: 4.2495rem;
  }

  .mbProducts h1 {
    font-family: 'll';
    font-style: normal;
    font-weight: 500;
    font-size: .48rem;
    line-height: .56rem;
    color: #000000;
    margin-bottom: .42rem;
    text-align: center;
  }


  .mbproductTab ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: .57rem;
  }

  .mbproductTab ul li {
    width: 50%;
    display: flex;
    align-items: center;
    margin-bottom: .45rem;
    position: relative;
  }

  .mbproductTab ul li.active::before {
    content: '';
    position: absolute;
    width: 0.4rem;
    height: .01rem;
    background-color: #005F66;
    left: -0.60rem;
  }

  .mbproductTab ul li p {
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .24rem;
    line-height: .33rem;
    color: #515151;
  }

  .mbproductTab ul li div {
    display: flex;
    align-items: center;
  }

  .mbproductTab ul li div img {
    width: .42rem;
    height: .42rem;
    margin-right: .19rem;
  }

  .mbproductTab ul li div img:last-child {
    display: none;
  }

  .mbproductTab ul li.active {
    display: flex;
    align-items: center;
  }

  .mbproductTab ul li.active p {
    font-family: 'll';
    font-style: normal;
    font-weight: 500;
    font-size: .24rem;
    line-height: .38rem;
    color: #005F66;

  }

  .mbproductTab ul li.active div img:first-child {
    display: none;
  }

  .mbproductTab ul li.active div img:last-child {
    display: block;
  }


  .Solutions {
    display: none;
  }

  .mbSolutions {
    padding: 1.05rem .55rem;
    background-color: #fff;
  }


  .mbSolutions h1 {
    font-family: 'll';
    font-style: normal;
    font-weight: 500;
    font-size: .48rem;
    line-height: .56rem;
    color: #000000;
  }

  .mbSolutions .mbSoDiv {
    margin-top: .39rem;
  }

  .mbSolutions .mbSoDiv ul li {
    display: flex;
    margin-bottom: .46rem;
    /* margin-top: .57rem; */
  }

  .mbSolutions .mbSoDiv ul li:first-of-type {
    margin-bottom: .57rem;
  }

  .mbSolutions .mbSoDiv ul li .mbSoLeft img {
    width: .48rem;
    height: .48rem;
    margin-right: .16rem;
    margin-top: -0.05rem;
  }

  .mbSolutions .mbSoDiv ul li .mbSoLeft img:last-child {
    display: none;
  }

  .mbSolutions .mbSoDiv ul li .mbSoRight h2 {
    font-family: 'll';
    font-style: normal;
    font-weight: 700;
    font-size: .28rem;
    line-height: .28rem;
    text-transform: capitalize;
    color: #3D3D3D;
    margin-bottom: .25rem;

  }

  .mbSolutions .mbSoDiv ul li .mbSoRight p {
    font-family: 'll';
    font-style: normal;
    font-weight: 300;
    font-size: .22rem;
    line-height: .26rem;
    color: #3D3D3D;
  }

  .mbSoSwiper {
    width: 100%;
    height: 3.8667rem;
  }

  .mbSoSwiper .swiper-wrapper {
    width: 100%;
    height: 3.8667rem;
  }

  .mbSoSwiper img {
    width: 100%;
    height: 3.8667rem;
  }

  .mbSobt ul {
    display: flex;
    align-items: center;
    margin-top: .3533rem;
  }

  .mbSobt ul li {
    display: flex;
    align-items: center;
  }

  .mbSobt ul li div {
    width: .8rem;
    height: .01rem;
    background-color: #BBBBBB;
  }

  .mbSobt ul li {
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .22rem;
    line-height: .26rem;
    color: #3D3D3D;
  }

  .mbSobt ul li.active {
    color: #005F66;
  }

  .mbSobt ul li.active div {
    background-color: #005F66;
  }

  .mbSoDiv ul li.active .mbSoLeft img:first-child {
    display: none;
  }

  .mbSoDiv ul li.active .mbSoLeft img:last-child {
    display: block;
  }

  .mbSoDiv ul li.active .mbSoRight h2 {
    color: #005F66;
  }


  .solar {
    width: 100%;
    padding: 1.01rem .55rem 1.19rem;
    background: #F3F5FF;
    position: relative;
  }

  .solar h6 {
    font-family: 'll';
    font-style: normal;
    font-weight: 500;
    font-size: .42rem;
    line-height: .56rem;
    text-align: center;
    color: #000000;
  }

  .solar>div {
    display: block;
  }


  .solar>div>a>img {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 5.4rem;
    height: 1.9155rem;
    margin-bottom: .69rem;
  }

  .shizi1 {
    display: inline-block;
    width: 2.58rem;
    height: .01rem;
    background: #B0CDF2;
    position: absolute;
    top: 2rem;
    left: .55rem;
  }

  .shizi2 {
    display: inline-block;
    width: .01rem;
    height: 2.58rem;
    background: #B0CDF2;
    position: absolute;
    top: 1.8rem;
    left: .8rem;
  }

  .solarnr {
    display: inline-block;
    width: 6.4rem;
    height: 3.68rem;
    background: #E8F2FF;
    padding: 0.51rem 0rem 0.46rem 0.43rem;
  }


  .solarnr p span:first-of-type {
    font-family: 'll';
    font-style: normal;
    font-weight: 500;
    font-size: .28rem;
    line-height: .7rem;
    text-transform: capitalize;
    color: #3D3D3D;
    width: 1.6rem;
  }

  .solarnr p span:last-of-type {
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .28rem;
    line-height: .45rem;
    text-transform: capitalize;
    color: #3D3D3D;
  }

  .makmor {

    font-family: 'll';
    font-style: normal;
    font-weight: 500;
    font-size: .36rem;
    line-height: .28rem;
    text-transform: capitalize;
    color: #005F66;
  }

  .hzhb {
    display: none;
  }

  .mbhzhb {
    padding: 0.99rem 0.5rem 1.07rem 0.5rem;
  }

  .mbhzhb h6 {
    font-family: 'll';
    font-style: normal;
    font-weight: 500;
    font-size: .48rem;
    line-height: .56rem;
    text-align: center;
    text-transform: capitalize;
    color: #000000;
  }

  .mbhzhb ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: .8rem;

  }

  .mbhzhb ul li {
    margin-bottom: .65rem;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mbhzhb ul li img {
    max-width: 3.34rem;
    transform: scale(0.6);
  }


  .mbhzhb ul li:nth-of-type(2n) {
    margin-right: 0;
  }


  .dyfootright {
    display: none !important;
  }

  .dyfoot {
    padding: 0 .55rem !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 0;
  }

  .dyfootleft {
    margin-top: 0.52rem !important;
    margin-right: 0rem !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .dyfootleft .footlogo img {
    /* width: 1.5rem; */
  }

  .dyfootleft ul {
    width: 6.4rem !important;
    justify-content: center !important;
  }

  .dyfootleft ul li {
    width: 0.48rem !important;
    height: 0.48rem !important;
    margin: 0 0.15rem !important;
  }

  .dyfootleft p {
    font-family: 'll' !important;
    font-style: normal !important;
    font-weight: 300 !important;
    font-size: .22rem !important;
    line-height: .26rem !important;
    color: #FFFFFF !important;
    text-align: center !important;
  }

  .dyfootct {
    display: flex !important;
    border-bottom: 0.01rem solid #4A4A4A !important;
    padding-bottom: 0rem !important;
  }

  .dyfootcopy {
    display: block !important;
    width: 5.6rem !important;
    text-align: center !important;
  }

  .dyfootcopy p {
    display: inline !important;
    font-family: 'll' !important;
    font-style: normal !important;
    font-weight: 300 !important;
    font-size: .2rem !important;
    line-height: .32rem !important;
    text-align: center !important;
    color: #ABABAB !important;

  }

  .mbalj {
    width: 6.4rem;
    display: flex !important;
    padding: .17rem .02rem;
    justify-content: space-between;
    border-bottom: 0.01rem solid #4A4A4A;
  }

  .mbalj a {
    display: block;
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .22rem;
    line-height: .26rem;
    color: #FFFFFF;
  }

  .dyfootcopy {
    margin-top: .2rem;
  }

  .mbdaohang {
    width: 100%;
    margin-top: 0.33rem;
    padding-bottom: .17rem;
    padding-top: .17rem;
    display: flex;
    justify-content: space-between;
    border-top: .01rem solid #4A4A4A;
  }

  .mbdaohang a {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: .22rem;
    line-height: .26rem;
    color: #FFFFFF;
  }


  .mbSolutions {
    display: block;
  }

  .mbhzhb {
    display: block;
  }

  /* 产品列表 */
  .mbxl {

    padding: 0 .3rem;
    width: 100%;
    height: .9rem;
    background-color: #FFFFFF;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    position: relative;
    display: none !important;
  }

  .zzhao {
    position: absolute;
    width: 100%;
    margin: 0 -0.3rem;
    height: .3rem;
    background: linear-gradient(180deg, #F0F0F0 0%, rgba(255, 255, 255, 0) 28.89%);
    top: 0;
  }

  .mbxl p {
    font-family: 'bb';
    font-style: normal;
    font-weight: 500;
    font-size: .26rem;
    text-align: center;
    color: #000000;
  }

  .mbxl span {
    display: block;
    width: .24rem;
    height: .24rem;
    background: url(../images/mbxljt.png) no-repeat;
    background-size: .24rem .24rem;
    margin-right: .08rem;
  }

  .cplistbanner {
    width: 7.5rem;
    height: 5.84rem;
    /* background-image: url(../images/mbcplistbanner.png) !important; */
    background-size: 7.5rem 5.84rem !important;
  }

  .cplist {
    padding: .37rem .55rem 1.2rem;
  }

  .cplist h1 {
    display: none;
  }

  .cplistctbx .cplistct ul {
    margin-right: -0.55rem;
  }

  .cplistctbx .cplistct ul li div {
    width: 3rem;
    height: 3.52rem;
    margin-right: 0 !important;
  }

  .cplistctbx .cplistct ul li {
    margin-right: 0;
  }

  .cplistctbx .cplistct ul li img {
    width: 50%;
  }

  .cplistCategory .voltage {
    margin-right: 0;
    margin-left: .84rem;
  }

  .cplistCategory .voltage:first-child {
    margin-left: 0;
  }

  /* 产品详情 */
  .zhezh {
    display: none;
  }

  .pro-banner .pro-banner-top {
    display: none;
  }

  .pro-banner {
    width: 7.5rem;
    height: 5.84rem;
    /* background: url(../images/mbcpbanner.jpg) no-repeat !important; */
    background-size: 7.5rem 5.84rem !important;
  }


  .mbCpTab {
    padding: 0 .4rem;
    width: 7.5rem;
    height: .9rem;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
  }

  .mbCpTab a {
    display: block;
    height: .9rem;
    font-family: 'll';
    font-style: normal;
    font-weight: 300;
    font-size: .24rem;
    line-height: .9rem;
    text-transform: capitalize;
    color: #3D3D3D;
  }

  .mbCpTab a.active {
    color: #FF7109;
    padding-bottom: .2rem;
    border-bottom: .03rem solid #EE7318;
  }

  .mbCpTab a:last-child {
    height: 0.47rem;
    width: 1.32rem;
    line-height: .47rem;
    text-align: center;
    border-radius: 0.5rem;
    background-color: #FF7109;
    color: #fff !important;
    background-image: url(../images/gww.png);
    background-repeat: no-repeat;
    background-size: 0.28rem 0.28rem;
    background-position: 0.22rem 0.09rem;
    padding-left: 0.4rem;
    padding-right: 0.18rem;
    font-size: .16rem;
    margin-top: -0.028rem;
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .24rem;
    text-transform: capitalize;
  }


  .characteristics {
    padding-top: .85rem;
    /* padding-bottom: 1.1rem; */
  }

  .characteristics h1 {
    font-family: 'll';
    font-style: normal;
    font-weight: 500;
    font-size: .48rem;
    line-height: .54rem;
    text-align: center;
    text-transform: capitalize;
    color: #27221C;
  }

  .characteristics p {
    width: 6.4rem;
    display: none;
    font-family: 'll';
    font-style: normal;
    font-weight: 300;
    font-size: .28rem;
    line-height: .58rem;
    text-align: center;
    color: #3E3A39;
    margin-left: .52rem;
  }

  .characteristics p:last-child {
    display: block !important;
  }

  .product-img {
    padding: 0 .76rem;
    display: flex;
    justify-content: space-between;
  }

  .product-img img {
    width: 1.27rem;
    margin-right: 0;
    position: relative;
    z-index: 1;
  }

  .yuanpan {
    display: block !important;
    width: 7.5rem;
    /* height: 3.43rem; */
    background: linear-gradient(171.37deg, #F0F0F0 2.29%, #DEDDE4 93.41%);
    position: relative;
  }

  .yuanpan img {
    width: 6.4rem;
    height: 1.6rem;
    position: absolute;
    left: 50%;
    top: -0.6rem;
  }


  .battery {
    padding: 1.08rem 1.28rem;
    padding-bottom: 0;

  }

  .battery h1 {
    font-family: 'll';
    font-style: normal;
    font-weight: 500;
    font-size: .46rem;
    line-height: .54rem;
    color: #27221C;
  }

  .battery ul {
    /* justify-content: center; */
    display: block;

  }

  .battery ul li {
    margin: 0 auto !important;
    margin-bottom: .72rem !important;
    width: 100% !important;

  }

  .parameter {
    padding-top: 1.5rem;
  }

  .parameter img {
    width: 6.4rem;
  }

  .accessories {
    padding-top: 1.2rem;
  }

  .accessories img {
    /* width: 6.4rem; */
    width: 100%;
  }

  .downloadtype {
    width: 7.5rem;
    height: 5.5rem;
    background-color: #fff;
    padding-top: 0.9rem;
    position: relative;
  }

  .downloadcontainer {
    display: flex;
    padding: 0 .42rem;
    padding-right: 0;
  }

  .downloadtype .downloaditem {
    width: 1.4rem;
    padding-bottom: 0.3rem;
    margin-right: 1rem;
  }

  .downloaditem.active {
    border-bottom: .03rem solid #EE7318;
  }

  .downloaditem.active p {
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .24rem;
    line-height: .28rem;
    text-align: center;
    color: #000000;
  }


  .downloadcontainer {
    overflow-x: auto;
    /* 水平方向滚动 */
    white-space: nowrap;
    /* 文本不自动换行 */
    -ms-overflow-style: none;
    /* 禁用 IE 和 Edge 的滚动条 */
    scrollbar-width: none;
    /* 禁用 Firefox 的滚动条 */
  }

  .downloadcontainer::-webkit-scrollbar {
    display: none;
    /* 隐藏 Chrome、Safari 和 Opera 的滚动条 */
  }

  .yjt {
    display: block !important;
    width: .24rem;
    height: .24rem;
    background: url(../images/yjt.png) no-repeat;
    background-size: .24rem .24rem;
    position: absolute;
    right: .3rem;
    top: 3.08rem;
  }

  .zjt {
    /* display: block !important; */
    width: .24rem;
    height: .24rem;
    background: url(../images/zjt.png) no-repeat;
    background-size: .24rem .24rem;
    position: absolute;
    left: .3rem;
    top: 3.08rem;
  }


  .downloadcontent {
    width: 100%;
    background-color: #FAFAFA;
    padding: 0.8rem 0.55rem;
    padding-bottom: 1.05rem;
  }

  .downloadcontent ul li {
    margin-right: .26rem;
    /* width: 1.96rem; */
    height: .58rem;
  }

  .downloadcontent ul li a {
    line-height: .58rem;
    text-align: center;
  }

  .downloadcontent ul li:nth-of-type(8n) {
    margin-right: .26rem;
  }

  .downloadcontent ul li:nth-of-type(3n) {
    margin-right: 0;
  }

  .downloadcard {
    padding: 0;
  }

  .downloadcarditem {
    height: 2.75rem;
    display: block;
    padding: .58rem 0 0 .55rem;
  }

  .downloadbtn {
    margin-top: .28rem;
    font-size: .22rem;
  }

  .downloadcardleft h1 {
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .28rem;
    line-height: .33rem;
    text-transform: capitalize;
    color: #000000;
  }

  .downloadcardleft p {
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .22rem;
    line-height: .26rem;
    text-align: left;
    color: #8D8D8D;
  }


  .zhlistbanner {
    width: 7.5rem !important;
    height: 5.84rem !important;
    background: url(../images/zhbanner.png) no-repeat !important;
    background-size: 7.5rem 5.84rem !important;
  }

  .zhlistbanner img {
    display: none;
  }

  .Exhibitions {
    display: none;
  }





  .mbExhibitions {
    display: block !important;
    padding-top: .77rem;
    padding-bottom: 1.2rem;
  }

  .dateSwiper {
    width: 7.5rem;
    text-align: center;
  }

  .dateSwiper .swiper-wrapper {
    width: 100%;
    /* justify-content: space-between; */
  }

  .dateSwiper .swiper-wrapper .swiper-slide {
    font-family: 'll';
    font-style: normal;
    font-weight: 500;
    font-size: .24rem;
    line-height: .28rem;
    text-transform: capitalize;
    color: #3D3D3D;
    display: flex;
    justify-content: center;
  }

  .dateSwiper .swiper-wrapper .swiper-slide span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    padding-bottom: .17rem;
    border-bottom: .03rem solid #005F66;
  }

  .dateSwiper .swiper-wrapper .swiper-slide span.active {
    border-bottom: .03rem solid #EE7318;
  }

  .dateSwiper .swiper-button-next:after,
  .dateSwiper .swiper-button-prev:after {
    font-size: .26rem;
  }

  .dateSwiper .swiper-button-next,
  .dateSwiper .swiper-button-prev {
    color: #B2B2B2;
  }

  .excard {
    width: 6.4rem;
    /* height: 8.2rem; */
    height: fit-content;
    background-color: #FFFFFF;
    box-shadow: 0 .02rem .16rem .04rem rgba(138, 138, 138, 0.1);
    border-radius: .12rem;
    text-align: center;
    padding-bottom: .2rem;
    /* display: flex;
    flex-direction: column;
    align-items: center; */
  }

  .cttSwiper {
    height: 8.2rem;
    width: 7.5rem;
    margin-top: .75rem;
  }

  .cttSwiper .swiper-wrapper {
    /* height: 8.2rem; */
    width: 7.5rem;
  }

  .cttSwiper .swiper-wrapper .swiper-slide {
    display: flex;
    justify-content: center;
height: .01rem;
  }
  .cttSwiper .swiper-wrapper .swiper-slide-active { height:auto}
  .excard h1 {
    font-family: 'll';
    font-style: normal;
    font-weight: 500;
    font-size: .32rem;
    line-height: .38rem;
    text-transform: capitalize;
    color: #3D3D3D;
    margin-top: .44rem;
    margin-bottom: .24rem;
    text-align: left;
    padding-left: .66rem;
  }

  .excard>img {
    width: 5.4rem;
    height: 1.9155rem;
    margin-top: .46rem;
  }


  .excard article {
    padding-left: .60rem;
  }

  .excard article div {
    display: flex;
    align-items: center;
  }

  .excard article div img {
    width: .36rem;
    height: .36rem;
    margin-right: .34rem;

  }

  .excard article div p {
    display: inline-block;
    width: 1.26rem;
    font-family: 'll';
    font-style: normal;
    font-weight: 500;
    font-size: .24rem;
    line-height: .7rem;
    text-transform: capitalize;
    color: #3D3D3D;
    text-align: left !important;
  }

  .excard article div h2 {
    display: inline-block;
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .24rem;
    line-height: .7rem;
    text-transform: capitalize;
    text-align: left;
    color: #3D3D3D;
  }

  .excard ul {
    display: flex;
    padding-left: .6rem;
    position: relative;
  }

  .excard ul li img {
    width: 1.69rem;
    margin-right: 0.06rem;
    margin-top: .24rem;
  }

  .buybanner {
    width: 7.5rem;
    height: 5.84rem;
    background: url(../images/mbbuybanner.png) no-repeat !important;
    background-size: cover !important;
  }

  .buyonline {
    display: block;
    height: 4.56rem;
    padding-left: 0;
  }

  .onlineLeft {
    width: 7.5rem;
    height: 2.02rem;
    background-color: #fff;
    margin-right: 0;
    display: flex;
    align-items: center;
    padding-left: .66rem;
  }

  .onlineLeft div p {
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .24rem;
    line-height: .4rem;
    text-transform: capitalize;
    color: #EE7318;
  }

  .onlineLeft article {
    margin-right: 1.33rem;
  }

  .onlineRight {
    width: 6.95rem;
    height: 2.548rem;
    background-color: #F5F7F9;
    /* margin-left: -.15rem; */
    border-top-left-radius: 1.2rem;
    border-bottom-left-radius: 1.2rem;
    margin-left: 0.55rem;
  }

  .carddescribe h1 {
    font-family: 'll';
    font-style: normal;
    font-weight: 500;
    font-size: .28rem;
    line-height: .33rem;
    text-transform: capitalize;
    color: #000000;
    margin-bottom: .2rem;
  }

  .carddescribe p {
    font-family: 'll';
    font-style: normal;
    font-weight: 300;
    font-size: .22rem;
    line-height: .48rem;
    text-transform: capitalize;
    color: #777777;
  }

  .onlinehead {
    margin-right: 0rem;
    width: 2.548rem;
    height: 2.548rem;
    /* margin-left: 0.5rem; */
    margin-right: .32rem;
  }

  .onlinehead img {
    width: 2.4rem;
    height: 2.4rem;
  }

  .onlineRight p {
    font-family: 'll';
    font-style: normal;
    font-weight: 500;
    font-size: .3rem;
    line-height: .48rem;
    text-transform: capitalize;
    color: #000000;

  }

  .buyswiperbox {
    display: none;
  }

  .mbbuyswiperbox {
    display: block !important;
    height: 8.84rem;
  }

  .mbbuyswiper {
    width: 7.5rem;
  }

  .mbbuyswiper .swiper-wrapper {
    width: 7.5rem;
  }

  .mbbuyswiper .swiper-wrapper .swiper-slide {
    width: 7.5rem;
    display: flex;
    justify-content: center;
  }

  .buycard {
    width: 6.4rem;
    margin-left: .3rem;
  }

  .buycard>a>img {
    width: 6.4rem;
    height: 3.96rem;
    /* border-top-left-radius: 0.05rem; */

  }

  .carddescribe {
    width: 6.4rem;
  }

  .interested {
    width: 7.5rem;
    background-color: #FFFFFF;
    padding: 0;
    padding-top: .92rem;
  }

  .buymodal .modal-content {
    width: 6.4rem;
    height: 9.64rem;
  }

  .buyform>div {
    display: block;
  }

  .buyform input {
    display: inline-block;
  }

  .buyform .br {
    display: block !important;
    /* height: .55rem; */
  }

  .buyforminp1 {
    margin-bottom: .5rem;
    width: 4.12rem;
  }

  .buyforminp2 {
    margin-bottom: .5rem;
    width: 3.9rem;
  }

  .buyformselect {
    margin-top: .3rem;
    margin-bottom: .5rem;
    width: 5.45rem;
  }

  .buyforminp3 {
    margin-bottom: 0.5rem;
    width: 5.12rem;
  }

  .buyforminp4 {
    margin-bottom: .45rem;
    width: 3.77rem;
  }

  .buyforminp5 {
    width: 2.73rem;
  }

  .buyform>div {
    margin-bottom: 0;
  }

  .buymodalsend {
    margin-left: 1.55rem;
    margin-top: .58rem;
    width: 2.2rem;
    height: .62rem;

  }

  .buyformul {
    width: 5.6rem;
    padding-top: 0.18rem;
    padding-bottom: 0.22rem;
    background-color: #F8F8F8;
    position: absolute;
    top: 1.07rem;
    right: 0.4rem;
    border-top: 0.01rem solid #B9C0CA;
    display: none;
  }

  .xljt {
    width: 4.2rem;
    height: 0.3rem;
    position: absolute;
    top: 0.7rem;
    right: 0.45rem;
    cursor: pointer;
  }

  .buymodal .close {
    font-size: 0.3rem;
    position: absolute;
    right: -0.2rem;
    top: -0.2rem;
    padding: 0;
    margin: 0;
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 100%;
    background-color: #FFFFFF;
    opacity: 1;
  }

  .cases {
    width: 7.5rem;
  }

  .cases>h1 {
    display: none;
  }

  .cases ul {
    padding-left: 0.55rem;
    display: flex;
    flex-wrap: wrap;
  }

  .cases ul li {
    width: 6.4rem;
    margin-right: 0rem;
    margin-bottom: 0.75rem;
  }

  .cases ul li>a>.img img {
    width: 6.4rem;
    height: 3.8364rem;
    transform: scale(1);
    transition: transform 1s ease 0s;
  }

  .cases ul li>a>div h1 {
    margin-top: 0;
    font-family: 'll';
    font-style: normal;
    font-weight: 500;
    font-size: .32rem;
    line-height: .38rem;
    text-transform: capitalize;
    color: #3E3A39;
    margin-bottom: .35rem;
  }

  .cases ul li>a>div p {
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .22rem;
    line-height: .26rem;
    color: #525854;
    margin-bottom: .25rem;
  }


  .ycloud ul {
    display: block;
    padding-left: 0.55rem;
  }

  .ycloud ul li {
    width: 6.4rem;
    padding-bottom: .68rem;
    margin-bottom: .67rem;
  }

  .ycloud ul li img {
    width: 0.84rem;
    height: 0.84rem;
    margin-bottom: 0.19rem;
  }

  .ycloud ul li p {
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .22rem;
    line-height: .42rem;
    text-align: center;
    /* text-transform: capitalize; */
    color: #3E3A39;

  }

  .func {
    padding: 0 0.55rem;
    display: block;
  }

  .funcLeft {
    margin-right: 0;
  }


  .func h2 {
    font-family: 'mm' !important;
    font-style: normal;
    font-weight: 400;
    font-size: .32rem;
    line-height: .52rem;
    text-transform: capitalize;
    color: #3E3A39;
    margin-bottom: 0.25rem;
  }

  .func p {
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .22rem;
    line-height: .52rem;
    text-transform: capitalize;
    color: #6E6F75;
  }

  .funcRight {
    display: flex;
    justify-content: center;
  }

  .funcRight img {
    width: 3.76rem;
  }

  .partnerbanner {
    width: 100%;
    height: 5.84rem !important;
    background: url(../images/mbpartnershipbanner.png) no-repeat !important;
    background-size: cover !important;
  }


  .becomeinstaller ul {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .becomeinstaller {
    width: 7.5rem;
    padding: 0;
    padding-top: .91rem;
    padding-bottom: 1.39rem;
  }

  .becomeinstaller ul li {
    width: 6.4rem;
    height: 7.0506rem;
    background-color: #FEF8F3;
    margin-right: 0rem;
    border-top-left-radius: 0.8rem;
    border-bottom-right-radius: 0.8rem;
    margin-top: .56rem;
    padding: 1.2rem 0.63rem 0 0.57rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .becomeinstaller ul li.active {
    margin-top: .56rem;
  }

  .becomeinstaller ul li h2 {
    font-family: 'll';
    font-style: normal;
    font-weight: 500;
    font-size: 0.4rem;
    line-height: 0.42rem;
    /* text-transform: capitalize; */
    color: #3E3A39;
    margin-bottom: 0.31rem;
  }

  .becomeinstaller ul li p {
    font-family: 'll';
    font-style: normal;
    font-weight: 400;
    font-size: .3rem;
    line-height: .52rem;
    /* text-transform: capitalize; */
    color: #3E3A39;
  }

  .interested1 {
    padding: 1.12rem .52rem;
  }

  .interestedct,.interestedct1 {
    display: block;
  }

  .interested1 h1 {
    margin: 0 -.52rem;
    margin-bottom: .56rem;
  }

  .interestedformcontrol input {
    width: 6.4rem;
    height: .68rem;
    font-size: 0.3rem;
  }

  .interestedformcontrol textarea {
    width: 6.4rem;
    height: 2.08rem;font-size: 0.3rem;
  }

  .interestedSubmit {
    width: 6.4rem;
    height: .68rem;
    border-radius: .08rem;
    font-size: 0.3rem;
  }

  .interestedRight img {
    width: 7.5rem;
    margin-top: .92rem;
    margin-left: -0.52rem;
  }

  .becomeinstaller2 ul li {
    width: 6.4rem;
    height: 5.1506rem;
    padding-top: .83rem;
  }


  /* 11111111111111111111 */
  /* detail */
  .detailcen>h6,
  .detail2cen>h6 {
    font-family: ll;
    font-size: .2rem;
    font-weight: 300;
    line-height: .23rem;
    letter-spacing: 0em;
    text-align: left;
    color: #A5A5A5;
  }

  .detailcen>h3 {
    font-family: mm;
    font-size: .36rem;
    font-weight: 500;
    line-height: .6rem;
    letter-spacing: 0em;
    text-align: left;
    color: #333333;
  }

  .detail2cen>h3 {
    font-family: mm;
    font-size: .36rem;
    font-weight: 500;
    line-height: .6rem;
    letter-spacing: 0em;
    text-align: center;
    color: #333333;
  }

  .detailcen,
  .detail2cen {
    padding: .33rem !important;
  }

  .detail {
    flex-direction: column;
  }

  .detaill {
    width: auto;
    flex-direction: row;
    justify-content: flex-start;
    border: none;
  }

  .detaill img {
    width: .28rem;
    height: .28rem;
  }

  .detaill p,
  .detaill span {
    margin: 0 !important;
    font-family: MM;
    font-size: .2rem;
    font-weight: 300;
    line-height: .23rem;
    letter-spacing: 0em;
    text-align: left;
    margin-right: .46rem !important;
    margin-left: .13rem !important;
    color: #767676;
  }

  .xwrqi,
  .ckrs {
    flex-direction: row;
    align-items: center;
  }

  .detailr {
    padding: 0 !important;
  }

  .detail2cen>h5 {
    font-family: MM;
    font-size: .2rem;
    font-weight: 300;
    line-height: .23rem;
    letter-spacing: 0em;
    text-align: center;
    margin-top: .48rem;
    margin-bottom: .36rem;
  }

  .detail2nr p {
    font-family: ll;
    font-size: .24rem;
    font-weight: 400;
    line-height: .48rem;
    letter-spacing: 0em;
    text-align: justified;
    color: #767676;
  }

  .detail2nr>img {
    height: 4rem;
    width: 6rem;
    margin: .32rem .4rem .44rem !important;
  }

  .detail2nr p:last-of-type {
    margin-bottom: .8rem;
  }

  .fxzhi img {
    width: .44rem;
    height: .44rem;
  }

  .xgxw h6 {
    font-family: ll;
    font-size: .48rem;
    font-weight: 400;
    line-height: .56rem;
    letter-spacing: 0em;
    text-align: center;
    color: #373737;
  }

  .xgxw {
    padding: 0 .3rem .95rem !important;
  }

  .hjlist1 ul {
    padding: 0 .3rem;
    flex-direction: column;
  }

  .hjlist1 ul li {
    width: 100%;
    margin-left: 0;
  }

  .fxzhi div {
    height: .44rem;
    width: .88rem;
  }

  .detailr p {
    font-family: ll;
    font-size: .24rem;
    font-weight: 400;
    line-height: .48rem;
    letter-spacing: 0em;
    text-align: left;
    color: #767676;
    text-indent: .5rem;
  }

  .detailr>img {
    width: 6rem;
    height: 4rem;
    margin: .4rem .4rem !important;
  }

  .shinav,
  .gxrq,
  .wjlb,
  .gwxq h4,
  .tiaodong,
  .xinwenlist .mover,
  .xinwenlist h6 span,
  .head1,
  .fxcq,
  .detaill h5,
  .detaill .hengxian1,
  .detailr>.anniu1,
  .detailrbom,
  .retuitur p,
  .yearsswp,
  .gzdd,
  .zplb,
  .zprs {
    display: none;
  }





  /* 11 */
  .solutionbanner {
    width: 7.5rem;
    height: 5.84rem !important;
    background-size: cover !important;
  }

  #ContentPlaceHolder1_lab_bannersmobdy {
    display: block;
    width: 7.5rem;
  }

  .imgshowImgs img,
  .imgshowImg img {
    width: 6.4rem !important;
    height: 3.29rem !important;
  }

  .imgshow .imgshowTab {
    width: 100% !important;
  }

  .imgshow1 {
    display: block !important;
  }

  .zsbanner {
    /* background: url(../images/zsbanner1.png) !important; */
    height: 5.84rem !important;
    background-size: cover !important;
  }

  .zslist {
    padding: .37rem .55rem !important;
  }

  .zslistCategory {
    justify-content: space-around !important;
  }

  .zslistCategory .qualificate {
    margin-right: 0 !important;
  }

  .zslistctbx .zslistct ul li {
    margin-right: 0 !important;
    width: 48%;
  }

  .zslistctbx .zslistct ul li img {
    width: 1.46rem !important;
    height: 2.05rem;
  }

  .zslistctbx .zslistct1 ul li img {
    width: 60% !important;

  }

  .zslistctbx .zslistct>ul>li>a>div {
    width: 100% !important;
    height: 2.8rem;
  }

  .bigimgshow div {
    width: 100%;
    background: none;
  }

  .bigimgshow img {

    height: 4rem;
  }

  .bigimgshow i {
    position: absolute;
    right: 1.9rem;
    top: 0;
  }

  .zslistctbx .zslistct ul {
    justify-content: space-between;
  }

  .zslistctbx .zslistct>ul>li>a p {
    width: 100% !important;
  }

  /* .procern {
    width: 100% !important;
    height: 13.44rem !important;
    background: url(../images/procenbgim.png) !important ;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    padding: .44rem .25rem !important;
}


.cpzsdown {
  width: 5.92rem !important;
  height: 5.92rem !important;
  background-color: rgb(230, 238, 240) !important;
  border-radius: 50% !important;
  display: flex !important;
  flex-direction: column !important; 
  justify-content: center !important;
  align-items: center !important;
}
 */



  /* .cpzsdown {
    width: 100% !important;
    flex-direction: column !important;
    padding: .65rem 0 .72rem;
  } */

  /* .zsin2 {
    margin: .28rem 0 !important;
  }

  .zsin1 ul,
  .zsin2 ul {
    width: 100% !important;
    position: relative !important;
    top: 0 !important;
  } */

  /* .zsSeries,
  .zsModel {
    width: 5.2rem !important;
    height: .88rem;
    background-size: .2rem .14rem !important;
    background-position: 4.7rem center !important;
    margin-right: 0 !important;
  } */

  /* .cpzsdown {
    height: 100% !important;
  } */

  .lxbanner {
    background: url(../images/lxbanner1.png) no-repeat !important;
    background-size: cover !important;
    height: 5.84rem;
  }

  .lxaddress {
    padding: 0 .5rem !important;
    flex-direction: column;
    height: 100% !important;
  }

  .lxaddress .lxaddressLeft h1 {
    font-family: mm !important;
  }

  .lxaddressRight .lxmap {
    width: 100% !important;
    height: 100% !important;
  }

  .position {
    top: 3rem !important;
    right: 1.5rem !important;
  }

  .lxsendLeft,
  .lxsendRight,
  .lxsendLeft2 {
    width: 100% !important;
  }

  .lxsendLeft1 img {
    width: 100% !important;
  }

  .lxsendLeft2,
  .lxsendRight {
    padding-right: 0.66rem;
    padding-left: 0.66rem !important;
    margin-top: 0.31rem;
  }
  .lxsendLeft2 p {
    width: 100%;
    font-size: .22rem;
    line-height: .48rem;
  }
  .lxsendLeft2 {
    margin-top: 0;
  }

  .lxchallenge {
    margin-top: 0;
  }

  .lxsend {
    flex-direction: column;
  }

  .lxchallenge {
    height: 100% !important;
  }

  .lxchallenge {
    padding: 0 .55rem !important;
    padding-top: 1.1rem !important;
  }

  .lxchallenge ul {
    flex-direction: column;
  }

  .lxchallenge ul li {
    width: 100% !important;
    margin-left: 0 !important;
    height: 6.3rem !important;
    margin-bottom: .67rem;
  }

  .lxchallenge ul li img {
    width: .9rem;
  }

  .lxchallenge ul li h3 {
    font-size: .32rem;
  }

  .lxchallenge ul li p {
    font-size: .22rem;
    width: 5.2rem;
    line-height: .48rem;
  }

  .lxchallenge ul li:first-of-type {
    background: url(../images/join1.png) no-repeat;
    background-size: contain;
  }

  .lxchallenge ul li:first-of-type span {
    display: inline-block;
    width: .16rem;
    height: .16rem;
    border-radius: 50%;
    background: #005F66;
    position: absolute;
    top: 0;
    left: 2.45rem;
  }

  .lxchallenge ul li:nth-of-type(2) {
    background: url(../images/join2.png) no-repeat;
    background-size: contain;
  }

  .lxchallenge ul li:nth-of-type(2) span {
    display: inline-block;
    width: .16rem;
    height: .16rem;
    border-radius: 50%;
    background: #005F66;
    position: absolute;
    top: 0;
    right: 2.45rem;
  }

  .fgxqq {
    position: absolute;
    width: 6.38rem;
    height: .01rem;
    background: #005F66;
    top: -0.2rem;
    left: 0;
  }

  .lxchallenge ul li:last-of-type {
    background: url(../images/join4.png) no-repeat;
    background-size: contain;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  /* .zsDownload {
    width: 5.2rem !important;
    height: .88rem !important;

    background-size: .29rem .21rem;
    justify-content: center;
    background-position: 1.7rem center !important;
    padding: 0 !important;
  } */

  /* .zsin1,
  .zsin2 {
    width: 5.2rem !important;
  } */

  .historybanner {

    height: 5.84rem !important;
    background: url(../images/about1.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }

  .historyc h1 {
    width: 100% !important;
  }

  .historyct {
    width: 100% !important;
    padding: 0 .55rem !important;
  }

  img.historyquxian {
    width: 100% !important;
    margin: 0;
  }

  .content:has(.historyctbx) {
    padding: 0;
  }


  .profilect h2 {
    font-family: HarmonyOS Sans SC !important;
    font-style: normal;
    font-weight: 500;
    font-size: .24rem;
    line-height: .28rem;
    color: #27221C;
    margin-bottom: 0.29rem;
  }

  .profilect h3 {
    font-family: 'arial, helvetica, sans-serif;' !important;
    font-style: normal;
    font-weight: 400;
    font-size: 0.16rem;
    line-height: 0.40rem;
    text-transform: capitalize;
    color: #666666;
  }

  .profilect {
    padding-top: 0.5rem;
    /* padding-right: 0; */
    margin: 0 auto;
    width: 6.4rem;
    /* overflow-x: hidden; */
    /* overflow-y: auto; */
  }

  .profilectbx {
    display: block;
    position: relative;
    margin-bottom: 1.35rem;
    /* padding: 0 0.55rem; */
  }

  .dybox:has(.companyProfile) .zsbanner {
    height: 5.84rem !important;
    background-position: center;
  }
/* .companyProfile{
  background: skyblue;
} */
  .newslistc .ImgList2 li {
    width: 48% !important;
    margin-bottom: .32rem !important;
    background-color: #FFFFFF;
  }

  .newslistc .ImgList2 li:first-of-type a.block .newsImg2 {
    height: 4.26rem !important;
  }

  .newslistc .ImgList2 li a.block .newsImg2 img {
    height: 100% !important;
  }

  .newslistc .ImgList2 li a.block .newsImg2 {
    height: 2.05rem !important;
  }

  .newslistc .ImgList2 li:first-of-type {
    width: 100% !important;
  }

  .newslistc .ImgList2 li:nth-of-type(2n) {
    margin-right: .2rem;
  }

  .newslistc .ImgList2 li a.block .newsInfo2 {
    padding-top: 0 !important;
    padding-bottom: .47rem !important;
    background-color: #FFFFFF;
  }

  .newslistc .fy a {
    width: .72rem !important;
  }

  .newslistc .cpb {
    width: .6rem !important;
  }

  .newslistc .ImgList2 li a.block .newsInfo2 h3 {
    font-size: .24rem;
    font-weight: 500;
    line-height: .36rem;
    letter-spacing: 0em;
    text-align: left;

  }

  .newslistc .fl {
    font-size: .2rem;
  }

  .newslistc .fy {
    margin-bottom: .35rem;
  }

  .zslistctbx .zslistct1 ul li>a>div {
    background: none !important;
  }

  .bdshare-button-style0-16 {
    flex-direction: row !important;
    flex: 1;
    justify-content: space-around;
  }

  .bdshare-button-style0-16 a {
    width: .7rem !important;
    height: .7rem !important;
    background-size: .38rem .38rem !important;
  }

  .sobanner,
  .xwrqi p,
  .imgshow,
  .baseTitle,
  .mbback,
  .sobanner1,
  .zslist h1,
  .lxqx,
  .lxqxcircle {
    display: none !important;
  }
}

/* 隐藏下拉 */
.headhover:nth-of-type(4) a:nth-of-type(4) {
  display: none !important;
}

 /*影像方格*/
        .yxfg
        {
            width: 1000px;
            height: auto;
            overflow: hidden;
            margin: 30px auto 50px auto;
        }
        .yxfgnr
        {
            display: block;
            width: 457px;
            height: 340px;
            margin: 30px 0 20px 80px;
            float: left;
        }
        
        .yxfgnr:hover
        {
            border-bottom: 2px solid #000;
            height: 338px;
        }
        .nyfgnrbt
        {
            font-family: Microsoft Yahei;
            font-size: 18px;
            font-weight: bold;
            display: block;
            margin: 20px 0 0 0;
        }
        .nyfgnrday
        {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 16px;
            display: block;
        }
        .szzt
        {
            display: block;
            width: 106px;
            height: 30px;
            margin: 5px 0 0 0;
        }
        
        .videoimg
        {
            display: block;
            width: 100%;
            height: 100%;
            margin: 0 0 0 0;
            position: relative;
        }
        .videoimg > .a21
        {
            position: absolute;
            width: 37px;
            height: 37px;
            background: url(../images/icon-play.png) 0px 0px no-repeat;
            left: 10px;
            bottom: 10px;
        }
        .videoimg:hover > .a21
        {
            background-position: 0px -37px;
        }
        
        
        .black_overlay
        {
            display: none;
            position: fixed;
            bottom: 0;
            left: 0%;
            width: 100%;
            height: 100%;
            background-color: black;
            z-index: 1001;
            -moz-opacity: 0.8;
            opacity: .80;
            filter: alpha(opacity=88);
        }
        
        .white_content
        {
            text-align: right;
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 11.2rem;
            height: 6.3rem;
            padding: 20px;
            /* background-color: rgba(3,4,7,0.8); */
            z-index: 999999;
            /* overflow: auto; */
        }
        
        .white_content a
        {
            text-align: right;
            color: #666;
            font-size: 18px;
            font-weight: bold;
            font-family: Microsoft Yahei;
        }
        .videotcc
        {
            width: 100%;
            height:  100%;
            margin: 0 auto;
        }
        .videotcc iframe
        {
            width:100%;
            height:100%;
        }