* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@font-face {
  font-family: 'sour';
  src: url('../fonts/SOURCEHANSANSCN-REGULAR.OTF');
}

@font-face {
  font-family: 'soum';
  src: url('../fonts/SourceHanSansCN-Medium.otf');
}

html {
  font-size: calc(100vw / 120);
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #000000;
}

body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
img,
strong,
b,
small,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
sub,
sup,
tt,
var,
del,
dfn,
ins,
kbd,
q,
s,
samp,
strike,
applet,
object,
iframe,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
mark,
audio,
video,
input,
textarea,
select {
  margin: 0;
  padding: 0;
}

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

:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
  /*cursor: url(../images/hand_ico.ico),auto;*/
}

body {
  position: relative;
}

/*RESET IMAGES*/

img {
  display: block;
  max-width: 100%;
  border: 0;
  margin: 0 auto;
}

a {
  text-decoration: none;
  color: #fff;
  cursor: pointer;
}
/* 
li {
  cursor: pointer;
} */

/**t头部文件*/
.header {
  width: 100vw;
  z-index: 1;
}
.mb-header {
  display: none;
}
/**头部banner*/
.banner {
  width: 100vw;
  height: 10.7vw;
}

/**手机头部图*/
.pbanner {
  width: 120rem;
}

.pbanner img {
  width: 120rem !important;
}

/**头部logo和shop*/
.tran {
  position: relative;
  width: 100vw;
  height: 10.7vw;
}

.logo a {
  margin: 2vw 0 0 -50vw;
  display: inline-block;
}

.logo img {
  width: 13vw;
}

.shop {
  position: absolute;
  text-align: center;
  font-size: 0.9vw;
  font-weight: bold;
  font-family: "微软雅黑";
  letter-spacing: 0.052vw;
  color: rgb(61, 61, 61);
  margin-top: 3.4vw;
  left: 80%;
  top: 0;
}

.shoplist {
  position: relative;
}

.shopactive {
  display: none;
  position: absolute;
  text-align: center;
  font-size: 0.7vw;
  font-weight: normal;
  top: -2.05vw;
  left: -6.25vw;
}

.shopactive li {
  width: 9.37vw;
  height: 1.56vw;
  margin-top: 0.26vw;
  line-height: 1.56vw;
  background-color: #1e7ccc;
  border-radius: 0.78vw;
}

.shopactive li:hover {
  background-color: #d6000f;
}

.shopactive li a:first-of-type {
  display: inline-block;
  position: absolute;
  width: 1.77vw;
  height: 1.77vw;
  margin: -0.2vw 0 0 -2.15vw;
  margin: -0.2vw 0 0 -0.52vw\0;
}

.shop div {
  width: 9.3vw;
  display: block;
  height: 1.67vw;
  line-height: 1.67vw;
}

.shop div .icon-cart3 {
  font-size: 1.5vw !important;
  font-weight: normal;
  color: #d6000f;
}

/**头部导航*/
.headernav {
  width: 100vw;
  display: flex;
  -js-display: flex;
  justify-content: center;
  height: 2.65vw;
  background-color: #777777;
  color: #fff;
  z-index: 2;
  top: 0;
  left: 0;
}

/**手机导航*/
.mbnav {
  width: 120rem;
  height: 15rem;
  display: flex;
  line-height: 15rem;
  background-color: #777777;
  justify-content: space-between;
  color: #fff;
}


/**PC版导航列表*/
.navul {
  display: flex;
  -js-display: flex;
  justify-content: center;
}

.navul .active {
  background: #535353 !important;
}

.navul li {
  height: 2.65vw;
  line-height: 2.65vw;
  text-align: center;
  cursor: pointer;
}

@keyframes lihover {
  0% {
    background-size: 0 2.65vw;
  }

  100% {
    background-size: 100% 2.65vw;
  }
}

.navul li:hover {
  background-color: #535353;
}

.navul li .navlia {
  display: inline-block;
  height: 2.65vw;
  line-height: 2.65vw;
  height: inherit;
  line-height: inherit;
  font-size: 0.8vw;
  cursor: pointer;
}

.navul li div {
  display: block;
  visibility: hidden;
  font-size: 0.7vw;
  font-family: sourceHanSansSC-Regular;
  background-image: url("https://www.cem-instruments.com:5050/cn/Public/Home/images/navbgbg.png");
  background-size: 100% 100%;
}

/**二级导航列表*/
.subnav {
  width: 100vw;
  position: relative;
}

.subnav2 {
  width: 10.92vw;
  position: relative;
}

@keyframes subul {
  0% {
    height: 0;
    opacity: 0;
  }

  100% {
    height: 13.07vw;
    opacity: 1;
  }
}

.subul {
  display: flex;
  -js-display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 13.07vw;
  width: 62.5vw;
  padding: 1.56vw;
  margin: 0 auto;
}

.ulheight {
  height: 10.41vw !important;
}

.imst li a img {
  width: 11.3vw !important;
}

.subnav .subul .lineheight {
  height: 1.718vw !important;
  line-height: 1.718vw !important;
  width: 7.29vw
}

.subul li {
  width: 5.72vw !important;
  height: 1.56vw !important;
  line-height: 1.56vw;
  text-align: left;
  border-bottom: 0.052vw dashed rgb(66, 66, 66);
}

.subul li a {
  display: inline-block;
  height: 1.56vw;
  width: 5.72vw;
  color: rgb(66, 66, 66);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.subul li a:hover {
  color: #fff;
}

/**二级导航图片列表*/
.imgs {
  position: absolute;
  display: block;
  -js-display: flex;
  width: 62.5vw;
  top: 0;
  text-align: left;
}

.imgs li {
  /*flex: 1;*/
  display: inline-block;
  width: 12.7vw !important;
  margin-left: 7.5vw;
  height: 0;
}

.imgs li a {
  margin: 0;
  float: right;
}

.imgs li a img {
  width: 12.6vw;
}

/**不含图片二级导航*/
.subul2 {
  width: 10.93vw !important;
  display: flex;
  -js-display: flex;
  flex-wrap: wrap;
  flex: none !important;
  margin: 0 auto;
}

.subul2 li {
  width: 10.93vw !important;
  height: 2.76vw !important;
  text-align: left;
}

.subul2 li a {
  display: inline-block;
  width: 10.93vw;
  height: 2.76vw;
  line-height: 2.76vw;
  color: rgb(66, 66, 66);
  padding: 0 1.56vw;
}

.subul2 li a:hover {
  color: #fff;
}

.navlist {
  flex-basis: 43vw;
  z-index: 2;
}

.navul {
  width: 43vw;
}

/**pc搜索*/
.search {
  flex-basis: 11vw;
  line-height: 2.65vw;
  margin-left: 2.08vw;
  width: 11vw\9;
  margin-left: 2.08vw\9;
  position: relative;
}

.search input {
  width: 9vw;
  height: 1.51vw;
  border: none;
  border-top-left-radius: 0.26vw;
  border-bottom-left-radius: 0.26vw;
  padding-left: 0.52vw;
  outline: none;
  vertical-align: middle;
  font-size: 0.6vw;
}

.search span {
  display: inline-block;
  width: 1.51vw;
  height: 1.51vw;
  line-height: 1.51vw;
  background-color: #535353;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border-top-right-radius: 0.26vw;
  border-bottom-right-radius: 0.26vw;
  font-size: 0.8vw;
}

.recokw {
  display: none;
  position: absolute;
  width: 14.01vw;
  /* height: 100%;*/
  background-color: #fff;
  border: 0.052vw solid #c1c1c1;
  z-index: 1;
  top: 2.15vw;
  left: .22vw;
  border-radius: 0.26vw;
  padding: 0.52vw;
  font-size: 0.6vw;
}

.recokw p {
  color: #373737;
  line-height: 1.25vw;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.recokw p:hover {
  color: #1e7ccc;
}

.mrecokw {
  display: none;
  position: absolute;
  width: 110rem;
  background-color: #fff;
  border: 0.052vw solid #c1c1c1;
  font-size: 4rem;
  border-radius: 5px;
  padding: 4rem;
}

.mrecokw p {
  color: #373737;
  line-height: 2;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mrecokw p:hover {
  color: #1e7ccc;
}

/**pc英文跳转*/
.en {
  display: block;
  line-height: 2.65vw;
  width: 6.77vw\9;
}

.sgts {
  display: none;
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.6);
  z-index: 7;
}

.sgtss {
  width: 62vw;
  text-align: center;
  border-radius: 2vw;
  margin: 0 auto;
  border: 1px solid #8d8d8d;
  margin-top: 10vw;
  background: #fff;
  padding: 1.5vw;
}

.sgtss div span:first-of-type {
  display: inline-block;
  width: 55vw;
  line-height: 4;
  font-size: 1.2vw;
}

.sgtss div span:last-of-type {
  display: inline-block;
  border: 1px solid #616161;
  width: 1.6vw;
  height: 1.6vw;
  line-height: 1.6vw;
  font-size: 1.5vw !important;
  text-align: center;
  color: #9f9f9d;
  border-radius: 50%;
}

.en {
  flex-basis: 9.89vw;
}

.en span {
  display: inline-block;
  line-height: 2.65vw;
  font-size: 0.8vw;
  cursor: pointer;
  vertical-align: middle;
}


.en span:nth-child(2) {
  margin-left: 0.26vw;
  font-size: 1.1vw;
  /* font-weight: bold; */
  color: #fff;
}

/**mobile导航*/
.bars {
  margin-left: 5.5rem;
}

.icon-bars-solid {
  font-size: 10rem !important;
}

.icon-error {
  font-size: 10rem !important;
}

/**mb英文切换按钮*/
.enl {
  display: block;
  margin-right: 5.5rem;
  font-size: 1.5rem;
  padding: 0;
  text-align: center;
}


.enl span {
  display: block;
  height: 8rem;
  line-height: 8rem;
  font-size: 4rem;
  font-family: Arial;
}

.enl .icon-theearth2diqiu {
  font-family: Arial;
  font-size: 7rem;
  line-height: 12rem;
}

/*手机导航列表*/
.mbnavlist {
  width: 120rem;
  display: none;
  background-color: #fff;
  min-height: 100vh;
  margin-top: 0;
  padding-top: 2vw;
}

/**手机导航搜索*/
.mbsearch {
  position: relative;
  margin: 5rem;
}

.mbsearch input {
  width: 90rem;
  height: 10rem;
  line-height: 10rem;
  outline: none;
  vertical-align: middle;
  padding-left: 2rem;
  font-size: 3rem;
  border: 1px solid #535353;
  -webkit-appearance: none !important;
  border-radius: 0 !important;
  outline: none;
}

.mbsearch span {
  display: inline-block;
  width: 10rem;
  height: 10rem;
  line-height: 10rem;
  background-color: #535353;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 5rem;
}

.mbsearch span:first-of-type {
  background-color: #fff;
  border: 1px solid #535353;
  border-right: none;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
  color: #535353;
  margin-left: 0;
}

.mbsearch span:last-of-type {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

/*分隔线*/
.line {
  width: 120rem;
  height: 1px;
  background-color: #535353;
}

/*手机导航*/
.mbnavul {
  width: 110rem;
  margin: 0 auto;
  text-align: left;
  font-size: 4.5rem;
  padding-bottom: 10rem;
}

.mhnav {
  display: flex;
  justify-content: space-between;
  width: 110rem;
  padding: 3rem;
  border-bottom: 1px solid #535353;
}

.mhnav a {
  flex-basis: 55rem;
  display: inline-block;
  color: #000;
}

.mhnav span {
  font-size: 3rem;
  flex-basis: 55rem;
  display: inline-block;
  text-align: right;
}

/*手机二级导航*/
.mhsub {
  display: none;
}

.mhsubli {
  height: 12rem;
  line-height: 12rem;
  border-bottom: 1px solid #d0d0d0;
  padding: 2rem 10rem;

}

.mhsubli a {
  color: #535353;
}
/**媒体查询控制显示pc版还是mobile版*/
@media screen and (max-width: 1000px) {
  .pc-header {
    display: none;
  }

  .mb-header {
    display: block;
  }
}

/*PC底部*/
.footer {
  border-top: 0.104vw solid #313131;
  padding: 1.04vw 0;
  margin-top: 2.604vw;
}

/*底部导航*/
.footernav {
  display: flex;
  -js-display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding-bottom: 2.6vw;
}

/*底部导航列表*/
.fnavul {
  display: flex;
  -js-display: flex;
  text-align: center;
  width: 33vw;
}

.footernav {
  width: 64vw;
}

.sm {
  width: 62.5vw;
}

/*底部导航列表单元*/
.fnavul li {
  flex: 1;
  border-right: 0.052vw dashed #b4b4b4;
}

.fnavul li a {
  display: inline-block;
  height: 1.5625vw;
  line-height: 1.5625vw;
  font-size: 0.9vw;
  color: #535353;
}

.fnavul li a:hover {
  color: #1e7ccc;
  text-decoration: underline;
}

.fsubnav li {
  height: 1.302vw;
  line-height: 2;
  border: none;
}

.fsubnav li a {
  font-size: 0.7vw;
}

.fsubnav li a:hover {
  color: #1e7ccc;
  text-decoration: underline;
}

/*营销电话时间*/
.yx {
  display: flex;
  display: block\9;
  justify-content: space-around;
  width: 30vw;
}

.yx p {
  height: 1.823vw;
  line-height: 1.823vw;
}

.yx div:first-of-type {
  font-weight: 500;
}

.yx div {
  display: inline-block;
  font-size: 0.6vw;
  vertical-align: top
}

.yx .fwh {
  width: 5.8vw;
}

.yx .dyh {
  width: 5.8vw;
}

.yx p:first-of-type {
  font-size: 0.6vw;
  height: 1.5625vw;
  line-height: 1.5625vw;
}

.yx p:nth-child(2) {
  font-size: 1.5vw;
  margin-bottom: 0.52vw;
}

.yx p:last-of-type {
  font-size: 0.7vw;
  background-color: #1e7ccc;
  border-radius: 0.15625vw;
  padding: 0 0.52vw;
  color: #fff;
}

.icon-information {
  font-size: 0.9vw;
  margin-right: 0.26vw;
}

/*分隔线*/
.line {
  width: 100%;
  height: 0.052vw;
  background-color: #b1b1b1;
}

/*底部声明*/
.sm {
  display: flex;
  -js-display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding-top: 2.604vw;
  text-align: center;
}

.smdiv {
  float: left;
  font-size: 0.6vw;
}

/*声明列表*/
.smul {
  display: flex;
  -js-display: flex;
  width: 20.83vw;
  margin-left: 1.5625vw;
}

/*声明列表单元项*/
.smul li {
  flex: 1;
  border-right: 0.052vw solid #b1b1b1;
}

.smul li:last-of-type {
  border-right: none;
}

.smul li a {
  color: #535353;
}

.smul li a:hover {
  text-decoration: underline;
  color: #1e7ccc;
}

/*版权*/
.bq {
  width: 31.25vw;
  margin: 0.52vw 1.5625vw;
  padding-left: 0.78125vw;
  text-align: left;
}

.bq a {
  color: #535353;
}

/*友情链接*/
.yl select {
  width: 11.97vw;
  height: 1.823vw;
  font-size: 0.8vw;
  padding: 0 0.52vw;
  outline: none;
}

.yl select option {
  text-align: center;
  height: 1.5625vw;
}

.yl select option:hover {
  outline: none;
  border: none !important;
}

/*手机底部*/
.mbfooter {
  display: none;
  width: 120rem;
  padding: 2.5rem 0;
  margin-top: 8rem;
  border-top: 2px solid #535353;
}

/*手机底部导航列表*/
.mfnavul {
  width: 100rem;
  margin: 0 auto;
}

/*手机底部导航单元*/
.mfnavul li {
  width: 100%;
  padding: 0;
  border-bottom: 1px solid #d0d0d0;
}

.mfnavul li a {
  display: inline-block;
  height: 13rem;
  width: 49rem;
  line-height: 13rem;
  color: #000;
  font-size: 4.5rem;
  text-align: left;

}

.mfnavul li a .iconfont {
  font-size: 3.5rem;
}

.mfnavul li span {
  display: inline-block;
  width: 49rem;
}

.mfnavul li span:first-of-type {
  text-align: left;
}

.mfnavul li span:last-of-type {
  text-align: right;
}

/*手机底部导航二级目录*/
.mfsubul {
  display: none;
}

/*手机二级目录单元*/
.mfsubul li a {
  padding: 0 5rem;
  color: #666;
}

.active {
  display: block;
}

/*手机底部公众号*/
.mgzh {
  width: 120rem;
  padding: 10rem 0;
}

.mgzh div {
  display: inline-block;
  width: 36rem;
}

.mgzh div img {
  width: 36rem;
}

.mgzh div span {
  font-size: 4rem;
}

/*手机底部分享*/
.shareul {
  display: flex;
  width: 80rem;
  margin: 0 auto;
  padding: 5rem 5rem 10rem;
}

.shareli {
  flex: 1;
}

.shareli a {
  color: #535353;
}

.shareli a span {
  display: block;
  font-size: 3.5rem;
}

.shareli a span:first-of-type {
  font-size: 10rem;
}

#mshare {
  display: none;
}

.mark {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: #000;
  opacity: .4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  z-index: 1001;
}

.share-dialog {
  position: fixed;
  left: 5rem;
  top: 30%;
  width: 110rem;
  height: 75rem;
  background: #fff;
  z-index: 1002;
}

.share-dialog .share-close {
  position: absolute;
  right: 7px;
  top: 10px;
  width: 26px;
  height: 26px;
  display: inline-block;
  cursor: pointer;
  background: url("https://www.cem-instruments.com:5050/cn/Public/Home/images/dialog-close.png") no-repeat;
}

.share-dialog .share-dialog-title {
  height: 45px;
  line-height: 45px;
  text-indent: 15px;
  background: #eee;
  font-size: 5rem;
}

.share-dialog .share-dialog-cont {
  padding: 38px 20px;
  font-size: 14px;
}

.share-dialog .share-copy-l {
  float: left;
  width: 24rem;
  margin-top: 2rem;
}

.share-dialog .share-copy-c {
  float: left;
  width: 53rem;
}

.share-dialog .share-copy-c input {
  display: block;
  width: 100%;
  height: 10rem;
  padding: 7px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  line-height: 1.2;
  color: #555;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #ccc;
}

.share-dialog .share-copy-c input:focus {
  border-color: #333;
  outline: 0;
}

.share-dialog .share-copy-r {
  float: left;
  width: 20rem;
  text-align: right;
  color: #f37b1d;
  margin-top: 2rem;
  cursor: pointer;
}

.share-platform {
  clear: both;
  margin-top: 3rem;
}

.share-platform .share-platform-l {
  float: left;
  width: 25rem;
  margin-top: 2rem;
}

.share-platform .share-platform-r {
  float: left;
  width: 95rem;
}

.bdsharebuttonbox a {
  display: inline-block;
  height: 36px;
  width: 36px;
}

.share-platform .bds_weixin {
  background-image: url('https://www.cem-instruments.com:5050/cn/Public/Home/images/css-bg.png');
  background-position: -13px -7px !important;
}

.share-platform .bds_tsina {
  background-image: url('https://www.cem-instruments.com:5050/cn/Public/Home/images/css-bg.png');
  background-position: -57px -7px !important;
}

.share-platform .bds_sqq {
  background-image: url('https://www.cem-instruments.com:5050/cn/Public/Home/images/css-bg.png');
  background-position: -101px -7px !important;
}

.share-platform .bds_qzone {
  background-image: url('https://www.cem-instruments.com:5050/cn/Public/Home/images/css-bg.png');
  background-position: -146px -7px !important;
}

.share-platform .share-platform-text {
  color: #aaa;
  margin-top: 1rem;
  text-align: left;
  font-size: 3rem;
}


.wxpy {
  display: none;
  position: absolute;
  height: 300px;
  width: 240px;
  background-color: #fff;
  text-align: left;
  color: #000;
}

.wxpy p {
  padding: 5px 10px;
}

.weixin {
  width: 180px;
  height: 180px;
  padding: 0 !important;
  margin: 0 auto;
}

.weixin canvas {
  width: 180px !important;
  height: 180px !important;
  padding: 10px;
}

.wnxx {
  background-color: #f1f1f1;
  line-height: 30px;
}

.wnxx .wxclose {
  float: right;
}

/*手机底部声明*/
.mfsm {
  border-bottom: 1px solid #d0d0d0;
  padding: 2rem 0;
  font-size: 3.5rem;
}

.mfsm ul {
  display: flex;
  width: 100rem;
  margin: 0 auto;
  text-align: center;
}

.mfsm ul li {
  flex: 1;
  border-right: 1px solid #535353;

}

.mfsm ul li:last-of-type {
  border: none;
}

.mfsm ul li a {
  color: #535353
}

/*手机底部版权备案*/
.mfbqba {
  margin: 10rem 5rem;
  color: #535353;
  font-size: 3.5rem;
  text-align: center;
}

.mfbq {
  height: 12rem;
  line-height: 6rem;
}

.mfbqba a {
  color: #535353
}
/*小于1000px显示手机底部*/
@media screen and (max-width:1000px) {
  .footer {
    display: none;
  }
  .mbfooter {
    display: block;
  }
  #im {
    display: none;
  }
  .tj {
    bottom: 4.7vw;
    left: 45vw;
  }
}


/**侧栏通讯*/
.contul {
  display: none;
  position: fixed;
  top: 18.177vw;
  right: 0;
  z-index: 3;
}

.contli {
  width: 2.605vw;
  height: 2.605vw;
}

.contli span {
  display: block;
  width: 2.605vw;
  height: 2.605vw;
  line-height: 2.605vw;
  text-align: center;
  background: #535353;
  margin: 0.2605vw 0;
}

.contli :hover {
  background: #373737;
}

.contli .iconfont {
  font-size: 1.56vw;
  color: #fff;
}

.contli .icon-arrow-down {
  transform: rotate(180deg);
}

.contli .conimg {
  position: absolute;
  max-width: 7.291vw !important;
  height: 7.291vw;
  top: -4.45vw;
  left: -7.35vw;
}

.cona {
  position: absolute;
  width: 10.4167vw;
  height: 2.6042vw;
  text-align: center;
  line-height: 2.6042vw;
  background: #535353;
  top: 3.125vw;
  left: -10.417vw;
}

.condiv {
  position: absolute;
  width: 10.417vw;
  height: 12.5vw;
  background: url('https://www.cem-instruments.com:5050/cn/Public/Home/images/dadianhau.png') no-repeat top left;
  background-size: auto 12.5vw;
  top: -1.4vw;
  left: -7.2vw;
  z-index: -1;
}

.condiv:hover {
  background: url('https://www.cem-instruments.com:5050/cn/Public/Home/images/dadianhau.png') no-repeat top left;
}

.condiv input {
  display: inline-block;
  position: absolute;
  width: 5.729vw;
  height: 1.3021vw;
  top: 8.33vw;
  left: 0.521vw;
  border-radius: 0.15625vw;
  font-size: 0.4vw !important;
  outline: none;
  border: 0.0521vw solid #b1b1b1;
  background: #0d6ab9;
}

.condiv button {
  display: inline-block;
  position: absolute;
  border-radius: 0.15625vw;
  border: none;
  width: 3.6458vw;
  height: 1.5625vw;
  top: 10.15625vw;
  left: 1.71875vw;
  background: #04579e;
  color: #fff;
}

.contli .conspan {
  position: absolute;
  font-size: 0.833vw;
  width: 15.625vw !important;
  height: 2.6042vw;
  top: 8.59375vw;
  left: -15.625vw;
  color: #fff;
}


@keyframes nimg {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }

  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.nimg {
  animation: nimg 1.5s;
}

.tj {
  position: absolute;
  bottom: 1.7vw;
  left: 52vw;
}