html,
body {
  width: 100%;
  /* height: 100%; */
  overflow-x: hidden;
}

* {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

div {
  box-sizing: border-box;
}

p {
  margin: 0;
  padding: 0;
}

#head-normal>.banner {
  background: rgba(255, 255, 255, 0.95);
  box-shadow: none;
}

.banner {
  width: 100%;
  height: .3646rem;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  /* position: relative; */
  z-index: 99;
  position: fixed;
  top: 0;
}

.banner .logo {
  padding-left: .3125rem;
  margin-top: -.0104rem;
}

.banner .logo img {
  /* width: 1.0729rem; */
  height: .1875rem;
}

.menus {
  display: flex;
  margin-left: .0729rem;
}

.menus>div {
  height: .3646rem;
  line-height: .3646rem;
  font-size: .0833rem;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #20242B;
  /* line-height: .1146rem; */
  -webkit-background-clip: text;
  margin-left: .4271rem;
  cursor: pointer;
}

.menus a {
  color: #20242B;
}

.menus a:link {
  color: #20242B;
}

.menus>div a:hover {
  color: #00a392;
}

.product-detail {
  /* width: 4.1667rem; */
  height: 1.9167rem;
  background: #FFFFFF;
  border-radius: 0 0 .0104rem .0104rem;
  position: absolute;
  top: .3646rem;
  left: 1.6667rem;
  transition: all 0.4s linear;
  z-index: 99;
  display: flex;
  padding: .1042rem .1823rem 0;
  box-shadow: 0 .0104rem .0521rem 0 rgba(0, 0, 0, 0.11);
  display: none;
}

.software-icon {
  font-size: .0938rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #20242B;
  -webkit-background-clip: text;
  display: flex;
  align-items: center;
}

.software-icon>img {
  width: .0885rem;
  height: .0833rem;
  margin-right: .0417rem;
}

.software-line {
  width: .5208rem;
  height: .0052rem;
  background: linear-gradient(45deg, #B6B6B6 0%, rgba(216, 216, 216, 0) 100%);
  margin-top: .0833rem;
}

.hardware-line {
  /* width: 2.6042rem; */
  width: 100%;
  background: linear-gradient(45deg, #B6B6B6 0%, rgba(216, 216, 216, 0) 100%);
}

.software-list {
  display: flex;
  flex-direction: column;
}

.software-list>div {
  margin-top: .0938rem;
}

.software-list>div a {
  font-size: .0833rem;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #20242B;
  -webkit-background-clip: text;
  display: flex;
  align-items: center;
}

.software-list>div a img {
  margin-left: .026rem;
}

.hardware-list .software-list:not(:first-child) {
  margin-left: .3646rem;
}

.software-title {
  font-size: .0729rem;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #AFB1B7;
  margin-top: .1042rem;
}

.software-hot {
  width: .1458rem;
  height: .0833rem;
}

.software-new {
  width: .1563rem;
  height: .0833rem;
}

.hardware {
  margin-left: .1563rem;
}

.hardware-list {
  display: flex;
}

.banner-reg {
  position: absolute;
  right: .3125rem;
  display: flex;
  align-items: center;
}

.banner-reg div:first-child {
  width: .4792rem;
  height: .1667rem;
  background: #00a392;
  border-radius: .0208rem;
  font-size: .0833rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #FFFFFF !important;
  line-height: .1667rem;
  text-align: center;
}

.banner-reg div:last-child {
  width: .8854rem;
  height: .1667rem;
  border-radius: .0208rem;
  border: .0052rem solid #00a392;
  display: flex;
  align-items: center;
  margin-left: .0521rem;
}

.banner-reg div:last-child img {
  width: .0781rem;
  height: .0781rem;
  margin-left: .0677rem;
  margin-right: .0521rem;
}

.banner-reg div:last-child span {
  font-size: .0833rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #00a392;
}

.support,
.responsibility {
  position: relative;
}

.service-support {
  width: .625rem;
  background: #fff;
  border-radius: 0px 0px .0104rem .0104rem;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  top: .3646rem;
  padding: .0521rem 0;
  display: none;
  box-shadow: 0 .0104rem .0521rem 0 rgba(0, 0, 0, 0.11);
}

.service-support div {
  font-size: .0833rem;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #20242B;
  line-height: .2083rem;
  -webkit-background-clip: text;
  text-align: center;
}

.corporate-responsibility {}

.fixed-msg {
  width: .25rem;
  height: .7708rem;
  background: #FFFFFF;
  box-shadow: 0px .0104rem .0521rem 0px rgba(0, 0, 0, 0.1000);
  border-radius: .125rem;
  position: fixed;
  right: .1042rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  display: flex;
  flex-direction: column;
  padding-top: .0417rem;
}

.fixed-msg>div {
  width: .25rem;
  height: .2292rem;
  cursor: pointer;
  position: relative;
}

.telephone {
  width: .7708rem;
  background: #FFFFFF;
  box-shadow: 0 .0104rem .0521rem 0 rgba(0, 0, 0, 0.1000);
  padding: .0781rem .0521rem 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -0.8854rem;
  display: flex;
  flex-direction: column;
  display: none;
}

.phone {
  height: .3802rem;
  padding: 0.0781rem .1042rem .0781rem;
}

.telephone img {
  width: .4167rem;
  height: .4167rem;
}

.weixin {
  height: .7813rem;
  color: #00a392;
}

.weixin img {
  width: .5208rem;
  height: .5208rem;
  margin: 0 auto;
}

.weixin>div {
  font-size: .0729rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #00a392;
  text-align: center;
}

.cooperation {
  /* height: .4896rem; */
  padding-bottom: .0625rem;
  padding: 0.0781rem .1042rem .0781rem;
}

.telephone span:first-child {
  font-size: .0729rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #00a392;
}

.telephone span:last-child {
  font-size: .0625rem;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #1C1C1E;
  margin-top: .0521rem;
  word-wrap: break-word;
}

.fixed-msg>div:first-child {
  background: url('/dt_website_100/static/templates/zh_CN/assets/img/index/fixed-icon1.png') center center no-repeat;
  background-size: 100% 100%;
}

.fixed-msg>div:first-child:hover {
  background: url('/dt_website_100/static/templates/zh_CN/assets/img/index/fixed-icon1-1.png') center center no-repeat;
  background-size: 100% 100%;
}

.fixed-msg>div:first-child:hover .phone {
  display: flex;
}

.fixed-msg>div:nth-child(2) {
  background: url('/dt_website_100/static/templates/zh_CN/assets/img/index/fixed-icon2.png') center center no-repeat;
  background-size: 100% 100%;
}

.fixed-msg>div:nth-child(2):hover {
  background: url('/dt_website_100/static/templates/zh_CN/assets/img/index/fixed-icon2-1.png') center center no-repeat;
  background-size: 100% 100%;
}

.fixed-msg>div:nth-child(2):hover .weixin {
  display: flex;
}

.fixed-msg>div:last-child {
  background: url('/dt_website_100/static/templates/zh_CN/assets/img/index/fixed-icon3.png') center center no-repeat;
  background-size: 100% 100%;
}

.fixed-msg>div:last-child:hover {
  background: url('/dt_website_100/static/templates/zh_CN/assets/img/index/fixed-icon3-1.png') center center no-repeat;
  background-size: 100% 100%;
}

.fixed-msg>div:last-child:hover .cooperation {
  display: flex;
}