html,
body {
  margin: 0;
  padding: 0;
  width: 100vw;
  overflow-x: hidden;
  font-family:"Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif";
  /* text-align: center; */
}

ul {
  margin: 0;
  padding: 0;

}

.logo {
  float: left;

}
/* 描点定位 */
.float {
  width: 50px;
  height: 250px;

  position: fixed;
  right: 10px;
  top: 50%;
  z-index: 1;
  

}
.floatspan{
  display: block;
  width: 50px;
height: 50px;
background: #E3F1FC;
border-radius: 50%;

}
.float span{
  display: block;
  width: 50px;
height: 50px;
background: #E3F1FC;
border-radius: 50%;
margin-top: 20px;

}
.float img {
  transform: translate(-50%,-50%);
  position:relative;
  left:50%  ;
  top: 50%;
}
/* 描点定位 */
.HeadNavigation li a:hover {
  border-bottom:5px solid floralwhite ;
  height: 40px;
  display: block;
}

.HeadNavigation {
  width: 1200px;
  height: 40px;
  position: relative;
  top: 7px;



}

.HeadNavigation ul {
  position: relative;
  left: 30px;
}

.HeadNavigation li {
  float: left;
  width: auto;
  height: 17px;
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 36px;
  margin-left: 50px;
  list-style: none;

}

.login {
  float: left;
  width: 70px;
  height: 30px;
  border: 1px solid #FFFFFF;
  color: #ffff;
  border-radius: 15px;
  justify-content: center;
  display: flex;
  float: right;
  position: relative;



}

.login span {
  line-height: 28px;
}

.HeadNavigation a {
  color: #FFFFFF;
}

li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

a {
  text-decoration: none;
}

ul {
  padding: 0;
  margin: 0;
}

.wrapper {
  width: 1920px;
  height: auto;

  position: absolute;
  transform: translate(-50%);
  left: 50%;
}

.backgroundcolor {
  width: 1920px;
  height: 600px;
  border: 1px solid rgb(33, 145, 197);
  z-index: -1;
  background: url(../img/bg.png);
  /* background-size: cover;  */
  background-image: linear-gradient(to right, rgb(202, 195, 195) 0%, rgb(228, 22rgb(234, 230, 230)28) 50%, #fff 100%);
  display: flex;
  justify-content: center;
}

.ProductPage {
  width: 1920px;
  height: 1108px;

  justify-content: center;

}

.Statistical {
  width: 1200px;
  height: 200px;
  background: #FFFFFF;
  box-shadow: 0px 8px 20px 0px rgba(202, 215, 226, 0.25);
  border-radius: 20px;
  position: relative;
  left: 50%;
  transform: translate(-50%);
  top: -50px;
}

.item {
  display: flex;
  justify-content: center;
  text-align: center;
}

.item-lefttext {
  width: 200px;
  height: 200px;


}

.item-lefttext span {
  width: 49px;
  height: 46px;
  font-size: 90px;
  font-weight: 500;
  color: #1883FF;
  position: relative;
  top: 30px;
  /* left: 34%; */


}

.textyear {
  font-size: 36px;
  font-weight: bold;
  color: #1883FF;
  position: relative;
  top: -105px;
  left: 32px;
}

.Symbol {
  font-size: 36px;
  font-weight: bold;
  color: #1883FF;
  position: relative;
  top: -103px;
  left: 75px;
  text-indent: 50px;
}

.technologySymbol {
  font-size: 36px;
  font-weight: bold;
  color: #1883FF;
  position: relative;
  top: -103px;
  left: 55px;
}

.onehundred {
  font-size: 36px;
  font-weight: bold;
  color: #1883FF;
  position: relative;
  top: -105px;
  left: 100px;
}

.soft_copyrights
{
	  font-size: 36px;
  font-weight: bold;
  color: #1883FF;
  position: relative;
  top: -105px;
  left: 50px;
}
.TextTechnology {
  width: 148px;
  height: 18px;
  font-size: 18px;
  font-weight: 600;
  position: relative;
  top: -47px;
  text-align: center;
  color: #4E5470;
  position: relative;
  transform: translate(-50%);
  left: 50%;
}

.ProductText {
  width: 1920px;
  height: 145px;
  position: relative;
  top: 20px;
}

.ProductText span {

  height: 35px;
  font-size: 36px;
  
  font-weight: bold;
  color: #111734;
  line-height: 36px;
  position: relative;
  transform: translate(-50%);
  left: 45%;
}

.ProductText P {
  width: 177px;
  height: 16px;
  font-size: 16px;
  
  font-weight: 400;
  color: #4E5470;
  line-height: 36px;
  position: relative;
  transform: translate(-50%);
  left: 50%;
}

.Productbox {
  width: 575px;
  height: 200px;
  background: #FFFFFF;
  border: 1px solid #F1F2F5;



}

.Productbox span {
  position: relative;
  left: 50px;
  top: 30px;
  width: 144px;
  height: 18px;
  font-size: 18px;
  
  font-weight: bold;
  color: #343A40;
}

.Productbox p {
  position: relative;
  left: 50px;
  top: 30px;
  width: 320px;
  height: 16px;
  font-size: 16px;
  
  font-weight: 400;
  color: #666666;
}

.box {
  display: flex;
  flex-wrap: wrap;
  width: 1200px;
  height: 650px;
  position: relative;
  left: 50%;
  transform: translate(-50%);
  justify-content: space-between;
}

.box div:hover {
  box-shadow: 0px 2px 8px 0 #1b98ff;
}

.InformationButton {
  width: 270px;
  height: 50px;
  background: #FFFFFF;
  border: 1px solid #1281FF;
  border-radius: 4px;
  position: relative;
  left: 50%;
  transform: translate(-50%);
  margin-top: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.InformationButton a {
  font-size: 18px;
  font-weight: 300;
  color: #1281FF;

}

.Button {
  width: 110px;
  height: 30px;
  background: #1281FF;
  box-shadow: 0px 2px 8px 0px rgba(0, 96, 255, 0.5);
  border-radius: 2px;
  position: relative;
  left: 50px;
  top: 45px;
}

.Button a {
  width: 55px;
  height: 14px;
  font-size: 14px;
  
  font-weight: 400;
  color: #FFFFFF;
  position: relative;
  left: 25px;
  top: 3px;
}

.xinyunimg {
  float: right;
  position: relative;
  top: -75px;
  right: 30px;
  width: 154px;
  height: 150;

  position: relative;
  top: -120px;
}

.PurchasePage {
  width: 1920px;
  height: 768px;
  background: #F6FAFD;
}
#PurchasePage{
  transform: translate(-100%);
  opacity: 0;
  transition: all 1.5s ease-out;
}
#ProductDemonstration{
  transform: translate(100%);
  opacity: 0;
  transition: all 1.5s ease-out;
}

.AfterSales {
  width: 320px;
  height: 105px;
  position: relative;
  left: 50%;
  transform: translate(-50%);
  top: 50px;
  text-align: center;
}

.AfterSales span {
  height: 35px;
  font-size: 36px;
  
  font-weight: bold;
  color: #111734;
  line-height: 36px;
  text-align: center;

}

.AfterSales p {
  text-align: center;
  width: 280px;
  height: 16px;
  font-size: 16px;
  
  font-weight: 400;
  color: #4E5470;
  line-height: 36px;
  text-align: center;

}

.icon {
  display: flex;
  float: right;
  margin-right: 450px;
}

.icon img {
  margin-left: 10px;
}

.Purchasebox {
  display: flex;
  flex-wrap: wrap;
  height: 500px;
  width: 1200px;
  position: relative;
  left: 50%;
  transform: translate(-50%);
  display: flex;
  justify-content: center;
  top: 80px;

}

.Purchasebox div:hover:not(:nth-child(1),:nth-child(4)) {
  box-shadow: inset 0px 0 20px 1px #6dbbfc;
}

.bulebox {
  width: 400px;
  height: 250px;
  background: #048CFC;

}

.bulebox span {
  width: 128px;
  height: 23px;
  font-size: 24px;
  
  font-weight: 500;
  color: #FFFFFF;
  line-height: 36px;
  position: relative;
  left: 30px;
  top: 15px;

}

.bulebox p {
  width: 305px;
  height: 140px;
  font-size: 16px;
  
  font-weight: 400;
  color: #FFFFFF;
  line-height: 36px;
  position: relative;
  left: 50%;
  transform: translate(-50%);
  top: 33px;
}

.Presalesconsultation {
  width: 400px;
  height: 250px;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.Presalesconsultation img{
  margin-top: 47px;
}

.Presalesconsultation span {
  font-size: 18px;
  font-weight: bold;
  color: #343A40;
  margin: 26px 0 16px;
}

.Presalesconsultation p {
  font-size: 14px;
  font-weight: 600;
  color: #666666;
  text-align: center;
  line-height: 8px;

}

/* /////////////////////// */

.Presalesconsultation1 {
  width: 396 px;
  height: 248px;
  background: #FFFFFF;
  border: 1px solid rgb(243, 240, 240);

}

.Presalesconsultation1 img {
  transform: translate(-50%);
  position: relative;
  left: 50%;
  top: 35px;
}

.Presalesconsultation1 span {
  text-align: center;
  width: 71px;
  height: 18px;
  font-size: 18px;
  
  font-weight: 500;
  font-weight: bold;
  color: #343A40;
  transform: translate(-50%);
  position: relative;
  left: 28%;
  top: 65px;
}

.Presalesconsultation1 p {
  width: 350px;
  height: 45px;
  font-size: 14px;
  
  font-weight: 400;
  color: #666666;
  text-align: center;
  transform: translate(-50%);
  position: relative;
  left: 50%;
  top: 65px;
  height: 15px;
}

/* ////////////////// */
.Aftersaleservice {
  width: 400px;
  height: 250px;
  background: #E3F1FC;
  display: flex;
  justify-content: center;


}

.Aftersaleservice span {
  width: 148px;
  height: 24px;
  font-size: 24px;
  cursor: pointer;
  font-weight: 500;
  color: #048CFC;
  line-height: 36px;
  text-align: center;
  position: relative;
  transform: translate(0, -50%);
  top: 50%;



}

.Product {
  width: 1920px;
  height: 100%;

}

/* 产品演示 */
.ProductDemonstration {
  width: 1920px;
  height: 624px;

  background: url(../img/Product.png);
}

.ProductDemonstrationText {
  width: 320px;
  height: 75px;
  position: relative;
  left: 50%;
  transform: translate(-50%);
  top: 30px;
  text-align: center;

}

.ProductDemonstrationText span {
  font-size: 36px;
  
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  text-align: center;
}

.ProductDemonstrationText p {
  font-size: 16px;
  
  font-weight: 400;
  color: #FFFFFF;
  line-height: 36px;
  margin: auto;
  left: 50%;
  transform: translate(0%);
  top: 30px;
  text-align: center;

}

/* 二维码box */
.codebox {
  width: 1200px;
  height: 390px;

  transform: translate(-50%);
  position: relative;
  left: 50%;
  top: 60px;
  display: flex;

}

/* PC版本 */
.codePc {
  width: 232px;
  height: 390px;
  background: #FFFFFF;
  text-align: center;


}

.codePc span {
  width: 270px;
  height: 24px;
  font-size: 24px;
  
  font-weight: 600;
  color: #111734;
  position: relative;
  transform: translate(-50%);
  left: 50%;
  top: 40px;
  text-align: center;

}

.wechat {
  width: 124px;
  height: 124px;
  margin-top: 80px;
}



.WeChatcode {
  width: 232px;
  height: 390px;
  background: #FFFFFF;
  margin-left: 10px;
  display: flex;
  justify-content: center;
  text-align: center;

}

.WeChatcode span {
  width: 119px;
  height: 23px;
  font-size: 24px;
  
  font-weight: bold;
  color: #111734;
  position: relative;
  top: 20px;
}

.WeChatcode1 {
  width: 232px;
  height: 390px;
  background: #FFFFFF;
  margin: 0px;
  display: flex;
  justify-content: center;
  text-align: center;
}

.WeChatcode1 span {
  width: 119px;
  height: 23px;
  font-size: 24px;
  
  font-weight: bold;
  color: #111734;
  position: relative;
  top: 20px;
}

.PCbutton {
  width: 180px;
  height: 44px;
  background: #1281FF;
  border-radius: 4px;
  position: relative;
  top: 85px;
  left: 10px;
}

.PCbutton p {
  width: 180px;
  height: 44px;
  background: #1281FF;
  border-radius: 4px;
  line-height: 45px;
}

.editionbutton {
  width: 180px;
  height: 44px;
  background: #FFFFFF;
  border: 1px solid #1281FF;
  border-radius: 4px;
  position: relative;
  top: 140px;
  left: 10px;
  display: flex;
  justify-content: center;

}

.editionbutton p {
  margin: 0;
  width: 130px;
  height: 16px;
  font-size: 16px;
  
  font-weight: 400;
  line-height: 45px;
}

dd {
  margin: 0;
  position: 0;
}

.dd {
  width: 200px;
  height: 38px;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  position: relative;
  top: 20px;
  line-height: 22px;
  position: relative;
  top: 30px;


}

.edition {
  position: relative;
  top: 40px;
}






.CooperativePartner {
  display: block;
  width: 1920px;
  height: 542px;
  background: url(../img/cooperation.png);


}


.Partnersbox {
  width: 1920px;
  display: flex;
  justify-content: center;
}

.Partners {
  width: 386px;
  height: 80px;
  justify-content: center;
  margin-top: 30px;
  text-align: center;
}
.Bottom{
	display:none;
}
.Partners span {
  width: 142px;
  height: 35px;
  font-size: 36px;
  font-weight: bold;
  color: #111734;
  line-height: 36px;
  position: relative;
  z-index: 1;
}
.Partners span::before{
  content: '';
  position: absolute;
  bottom: 2px;
  width: 100%;
  height: 6px;
  background: linear-gradient(to right,#FFFFFF,rgba(4, 140, 252, 0.57));
  z-index: -1;
}

.Partners p {
  margin-top: 10px;
  width: 400px;
  height: 16px;
  font-size: 16px;
  font-weight: 400;
  color: #4E5470;
  line-height: 36px;
  text-align: center;
}

.left {

  position: absolute;
  width: 241px;
  height: 542px;
  background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}

.cooper_right {

  position: absolute;
  left: 1679px;
  width: 241px;
  height: 542px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
  z-index: 1;
}

/* 赞助商 */
.sponsor {
  width: 1920px;
  height: 361px;

  position: relative;
  top: 71px;
  overflow: hidden;
  white-space: nowrap;

}

.supp {
  width: 1920px;
  height: auto;
  transform: translateX(-90px);
}

.supptwo {
  width: 1920px;
  height: auto;
  transform: translateX(0px);
  margin-top: 20px;
}

.suppthree {
  width: 1920px;
  height: auto;
  transform: translateX(-90px);
  margin-top: 20px;
}

.supportdiv {
  width: 180px;
  height: 80px;
  background: #FFFFFF;
  border: 1px solid #F7F7F7;
  border-radius: 15px;
  display: inline-block;
  margin-left: 20px;


}

.supportdiv img {
  width: 131px;
  height: 40px;
}

#img {
  display: flex;
  justify-content: center;
  position: relative;
  top: 20px;

}



.customercode {
  display: flex;
  flex-wrap: wrap;
  width: 232px;
  height: 180px;
  justify-content: space-between;
}

.customercode dl {
  text-align: center;
}

.Telephonetext {
  width: auto;
  font-size: 16px !important;
  margin-bottom: 10px;
  font-weight: 400;
  color: #FFFFFF;
}

.Telephonetext img {
  position: relative;
  top: 4px;
}

.Telephonetext span {
  width: auto;

  margin-left: 5px;
}

.wctofficialaccount {
  width: 84px;
  font-size: 14px;
  
  font-weight: 400;
  color: #FFFFFF;
  position: relative;
  left: 10px;
  top: 10px;
}

.form {
  width: 550px;
  height: 180px;
}

.tbbottm td {
  width: 150px;
  height: 18px;
  font-size: 18px;
  
  font-weight: 500;
  color: #A6ABBE;



}

.tbbottm {
  width: 500px;
  /* height: 180px; */

  float: right;
}

.tbbottm a {
  color: #A6ABBE;
}

.tabform {
  width: 500px;
  height: auto;
  float: right;
  margin-top: 10px;
}

.tabform a {
  width: 55px;
  height: 14px;
  font-size: 14px;
  
  font-weight: 400;
  color: #FFFFFF;
}

.tabform td {
  width: 110px;
  height: 30px;

}

.ProductTrends {
  margin-left: 30px;
}

/* .linkbox {
  width: 1200px;
  height: 80px;
  border: 1px solid #fff;
}
.linkbox a {
  margin-left: 20px;
} */
.linkboxboder {
  width: 1200px;
  height: 1px;
  background: #4F5462;
}

.addressbox {
  width: 1200px;
  height: 130px;

}

.ConsultingServiceimg {
  width: 100px;
  height: 100px;
}

.newsinformation {
  display: flex;
  justify-content: space-between;
  flex-flow: wrap;
  width: 374px;
  float: right;
}

.ProductNewstext {
  width: 100px;
  height: 15px;
  font-size: 14px;
  
  font-weight: 400;
  color: #FFFFFF;
  line-height: 32px;
  text-align: center;
}

.ProductNews {

  font-size: 18px;
  
  font-weight: 500;
  color: #A6ABBE;
  position: relative;
  top: 3px;
  left: 15px;
  text-align: center;
}

.UlDynamic {
  position: relative;
  top: 15px;
}

.UlDynamic li {
  width: 379px;
  height: auto;


}

.UlDynamic a {
  height: 15px;
  font-size: 14px;
  
  font-weight: 400;
  color: #FFFFFF;
  line-height: 36px;
  margin-left: 15px;
}

.UlDynamic span {
  float: right;
  height: 11px;
  font-size: 14px;
  
  font-weight: 400;
  color: #BCBFC8;
  line-height: 36px;
  margin-right: 25px;
}

.Underline {
  width: 340px;
  height: 1px;
  background: #5B6071;
  position: relative;
  margin-left: 13px;
}

.linkbox {
  width: 1200;
  height: auto;
  font-size: 14px;
  
  font-weight: 400;


}

.linkbox a {
  color: #BCBFC8;
  margin-left: 20px;
}

.linkbox p {
  color: #BCBFC8;
  margin-left: 20px;

}

.addressbox {
  text-align: center;
  position: relative;
  top: 20px;

}

.addressbox p {
  font-size: 12px;
  
  font-weight: 400;
  color: #BCBFC8;

}

.addressbox span {
  font-size: 14px;
  
  font-weight: 400;
  color: #BCBFC8;
}
/* 二级菜单联系客服 */
.submenu{
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.servicePopup{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -188px;
  margin-left: -170px;
  width: 377px;
  height: 340px;
  background: #fff;
  border-radius: 5px;
}
.serviceTitle{
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  color: #303133;


}
.serviceCode{
  width: 162px;
    height: 162px;
}
.serveContent{
  text-align: center;
  padding: 18px 25px 30px;
  position: relative;

}
.serviceText{
  color: #666;
    font-size: 16px;
    margin-top: 16px;
}
#serviceimg img {
position: relative;
left: 90%;
top: 10px;
}
/* 联系电话 */
.submenucontact{
  display: none  ;
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}
.serviceContact{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -188px;
  margin-left: -170px;
  width: 377px;
  height: 150px;
  background: #fff;
  border-radius: 5px;
}