[v-cloak] {
  display: none;
}
* {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.colorhui {
  color: #8e8e8e;
}
.colorgary {
  color: #555555;
}
.colorbai {
  color: #ffffff !important;
}
.colorblack {
  color: #000000;
}
.colorfooter {
  color: #979797;
}
.colorhui888 {
  color: #888888;
}
.colorred {
  color: #c83030;
}
.colorblue {
  color: #005cef !important;
}
.colorblue a {
  color: #005cef !important;
}
.colororigin {
  color: #ff761a;
}
.bgbai {
  background-color: #ffffff;
}
.bghead {
  background-color: #fafbfc;
}
.bgfooter {
  background: #1a1c1f;
}
.bgblue {
  background-color: #005cef;
}
.bgorigin {
  background-color: #e3730d;
}
.bgpink {
  background-color: #fdf4ec;
}
.bggray {
  background: #f7f8fa;
}
.tac {
  text-align: center;
}
.tar {
  text-align: right;
}
.fonwei {
  font-weight: bold;
}
.paddboth {
  padding: 0 15px;
}
.padbott {
  padding-bottom: 55px;
}
.fw{
  font-weight: 500;
}
.imgsize {
  width: 100%;
  height: 100%;
}
.imgsize2 {
  /* width: 100%; */
  max-height: 60px;
  max-width: 200px;
}
.cursor{
  cursor: pointer;
}
p,div,span,a{
  line-height: 140%;
}
.disabledScroll{
  overscroll-behavior: none;
  -ms-scroll-chaining: contain;
}
.xian_head {
  border-bottom: 1px solid #ebebeb;
}
.xian_headsolid {
  /* border-bottom: 1px solid #ebebeb; */
}
.hover_btn{
  position: relative;
}
.hover_btn:after,
.hover_btn:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #005cef;
  z-index: -2;
  /* border-radius: 2px; */
}

.hover_btn:hover {
  z-index: 1;
  background: transparent;
}

.hover_btn:before {
  transition: 0.3s;
  background: linear-gradient(270deg, #ffa328 0%, #ff761a 100%);
  z-index: -1;
}

.hover_btn:hover:after,
.hover_btn:hover:before {
  width: 100%;
}
.xian_footer {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.porelative {
  position: relative;
}
.padBg {
  padding: 60px 20px;
}
.padCompanys {
  padding: 30px 0;
  box-sizing: border-box;
}
.fontWeightNormal {
  font-weight: normal;
}
/* home -webkit-transition: 2s; transition: 2s;*/
.header {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  min-width: 1280px;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.8);
}
.pc_header{
  min-width: 1280px;
  height: 68px;
}
section{
  min-width: 1280px;
}
.headershow {
  background-color: rgba(255, 255, 255);
}
.header:hover {
  background-color: rgba(255, 255, 255, 1) !important;
  /* box-shadow: 0px 8px 20px 0px rgba(166, 180, 208, 0.3) !important; */
}
.heiheader {
  height: 74px;
}
.poheader {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100000;
}
.product_nav_left_box{
  max-height: 660px;
  position: relative;
}
.product_nav_left_pic{
  width: 368px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.about_nav_left_pic{
  width: 250px;
}
.plan_nav_left_pic{
  width: 392px;
}
.product_nav_left_div{
  height: 634px;
  overflow-y: auto;
  width: 248px;
  flex: 0 0 248px;
  padding: 24px;
  box-sizing: border-box;
}
.plan_nav_left_div{
  width: 272px;
  flex: 0 0 272px
}
.new_nav_left_div{
  height: 100%;
  padding: 0;
  cursor: pointer;
}
.about_nav_left_div{
  max-height: 290px !important;
  padding-top: 36px;
  padding-left: 0
}
.new_nav_left_box{
  height: 422px;
  box-sizing: border-box;
  padding: 36px 0;
}
.product_nav_left{
  /* padding-bottom: 24px */
}
.homeHead_productpopUp_saas:last-child .product_nav_left{
  padding-bottom: 0;
}
.plan_nav_left{
  padding: 12px 0;
}
/* .about_nav_left{
  padding: 36px 50px 0 0;
} */
.new_nav_left{
  padding: 20px;
}
.product_nav_left .thrid_nav{
  font-size: 16px;
  padding: 12px;
  display: block;
}
.product_nav_left .thrid_nav:last-child{
  /* padding-bottom: 0; */
}
.hot_img{
  width: 26px;
}
.phone_img{
  width: 20px;
}
.toright_img{
  width: 16px;
}
.right_img{
  width: 16px;
}
.product_nav_left .thrid_nav-active{
  background: #F1F2F5;
}
.product_nav_left .thrid_nav .thrid_nav_title{
  font-weight: bold;
}
.product_nav_left .thrid_nav-active .thrid_nav_title{
  color: #005CEF
}
.product_nav_left .thrid_nav .thrid_nav_des p{
  color: #86909C;
  font-size: 12px;
  max-width: 156px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 3px;
}

.case_box{
  padding: 36px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  overflow-y: auto;
  max-height: 688px;
  box-sizing: border-box;
}
.case_box_category{
  width: calc(25% - 18px);
  font-size: 14px;
  padding-bottom: 9px;
}
.case_box_category a{
  /* cursor: pointer; */
  line-height: 16px;
  padding: 4px 0;
  width: 85%;
}
.case_category_top{
  display: flex;
  align-items: center;
  gap: 5px;
  width: 85%;
  border-bottom: 1px solid #E5E6EB;
  padding-bottom: 10px;
  font-weight: bold;
  line-height: 17px;
}
.case_category_top img{
  width: 16px;
  height: 16px
}
.case_category_top span{
  -webkit-transition: 0.5s;
  transition: 0.5s;
  transform: translateY(-1px);
}
.case_category_top:hover{
  color: #005CEF
}
.case_category_top:hover span{
  margin-left: 10px;
  
}
.case_category_center{
  font-size: 12px;
  color: #353535;
  padding: 16px 0 4px 0;
}
.case_category_third{
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 4px;
}
.case_category_third:hover{
  color: #005CEF;
  background: #F1F2F5;
}
.case_category_bottom{
  display: flex;
  align-items: center;
  gap: 6px;
}
.case_category_bottom a{
  display: block;
  width: 80px;
  height: 40px;
  border-radius: 2px;
  border: 1px solid #E5E6EB;
  box-sizing: border-box;
  padding: 0
}
.case_category_bottom img{
  width: 100%;
  height: 100%;
}
.homeHead_appleStytle {
  font-weight: 500;
  /* margin-bottom: 24px; */
  display: flex;
  align-items: center;
  gap: 12px
}
.homeHead_appleStytle_name{
  padding: 12px 16px;
  position: relative;
  width: 200px;
  box-sizing: border-box;
}
.homeHead_appleStytle_plan{
  margin: 0
}
.homeHead_appleStytle_hidden{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 200px;
  font-size: 16px;
}
.plan_nav_left .homeHead_appleStytle_hidden{
  width: unset;
}
.plan_nav_des{
  font-size: 12px;
  color: #4E5969;
  padding: 12px 0;
}
.plan_nav_des p{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  width: 200px;
  font-weight: 400;
}
.plan_nav_left .plan_nav_des p{
  width: unset;
}
.hidden1{
  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.plan_nav_link{
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 14px;
  cursor: pointer;
}
.plan_nav_link_text{
  color: #005CEF;
}
.plan_nav_link img{
  width: 16px;
  height: 16px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.plan_nav_link:hover img{
  margin-left: 10px;
}
.plan_third{
  font-size: 14px;
  font-weight: 500;
  display: flex;
  gap: 14px;
  align-items: center;
  color: #000000;
  padding-bottom: 16px;
  border-bottom: 1px solid #E5E6EB;
  margin-left: 8px;
  margin-bottom: 8px
}
.plan_third_icon{
  width: 24px;
  height: 24px;
}
.plan_third a{
  flex: 1 0 auto;
}
.plan_third_box{
  margin-bottom: 16px;
}
.plan_third_box_new{
  width: calc(25% - 12px);
}
.plan_nav_line{
  height:1px;
  width: 100%;
  background: #E5E6EB;
}
.plan_right_nav{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.plan_right_nav_new{
  display: flex;
  flex-direction: column;
}
.plan_right_nav_a{
  padding: 12px;
  width: 23.8%;
  border-radius: 4px;
  border: 1px solid #FFF;
  background: linear-gradient(179deg, #F4F5F8 1.17%, #FEFFFF 98.83%);
  box-shadow: 0px 4px 15px 0px #E5EAEE;
  margin-bottom: 4px;
  cursor: pointer;
  box-sizing: border-box;
}
.plan_right_nav_a_new{
  padding: 8px;
}
.plan_right_nav_a_new:hover{
  background: #E6E9F0;
}
.plan_right_nav_a_new:hover .plan_right_nav_text{
  color: #005CEF;
}
.about_right_nav_a{
  width: 280px;
  box-sizing: border-box;
  margin: 0 12px 12px 0;
  box-shadow: 0px 4px 8.7px 0px #F0F6FC;
  transition: 0.3s;
  padding: 13px 12px;
}
.about_right_nav_a:hover{
  transform: translateY(-4px);
  box-shadow: 0px 4px 12px 0px #E5EBF2;
}
.plan_right_nav_text{
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 4px;
  color: #1D2129
}
.plan_right_nav_a:hover .plan_right_nav_text{
  color: #005CEF
}
.plan_right_nav_des p{
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 254px;
  color: #86909C;
  font-size: 12px;
  font-weight: 400;
}
.plan_right_nav_des_new p{
  display: block;
  width: unset;
  color: #86909C;
  font-size: 12px;
  font-weight: 400;
  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.plan_flex_box{
  flex-wrap: nowrap;
}
.plan_right_box{
  max-height: 588px;
  overflow-x: hidden;
  overflow-y: auto;
}
.plan_riehgt_box_new{
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.about_right_box{
  max-height: 250px;
  max-width: 600px;
  overflow: unset;
}
.homeHead_appleStytle .nav_tips{
  display: block;
  background-color: #005CEF;
  width: 4px;
  height: 24px;
  /* flex: 0 0 4px */
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.homeHead_appleStytle_normal {
  font-weight: normal;
}
.PingFangSCMedium {
  font-weight: 500;
}
.PingFangSCMediumNormal {
  font-weight: normal;
}
.PingFangSCMediumBanner {
  font-weight: 500;
}
.homeHead {
  height: 100%
} /*box-shadow: 0px 3px 14px 0px rgba(0,0,0,0.05);*/
.homephoneHead {
  padding: 14px 20px;
  display: none;
}
.menu_buttonstyle {
  width: 55px;
  height: 19px;
}
.menu_button {
  cursor: pointer;
  margin-left: 30px;
  position: absolute;
}
.menu_button .bar:nth-of-type(1) {
  margin-top: 0px;
}
.menu_button .bar:nth-of-type(3) {
  margin-bottom: 0px;
}
.bar {
  position: relative;
  display: block;
  width: 24px;
  height: 2px;
  margin: 5px auto;
  background-color: #333;
  border-radius: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cross {
  margin-top: -8px;
}
.cross .bar {
  margin: 13px auto;
}
.cross .bar:nth-of-type(1) {
  -webkit-transform: translateY(15px) rotate(-45deg);
  -ms-transform: translateY(15px) rotate(-45deg);
  transform: translateY(15px) rotate(-45deg);
}
.cross .bar:nth-of-type(2) {
  opacity: 0;
}
.cross .bar:nth-of-type(3) {
  -webkit-transform: translateY(-15px) rotate(45deg);
  -ms-transform: translateY(-15px) rotate(45deg);
  transform: translateY(-15px) rotate(45deg);
}
.logosize {
  width: 270px;
  /* height: 40px; */
  margin-right: 25px;
}
.homeNav > li {
  color: #000;
  font-size: 16px;
  font-style: normal;
  /* font-weight: 500; */
  line-height: normal;
  
  padding-top: 18px;
  padding-left: 22px;
  padding-right: 22px;
  padding-bottom: 6px;
  border-bottom: 2px solid rgba(0, 0, 0, 0);
  text-align: center;
}
.homeNav a {
  /* color: #222222; */
}
.homeNav li ul {
  display: none;
}
.iconsize {
  width: 20px;
  height: 20px;
}
.iconxia {
  background: no-repeat url(https://51qqt.com/img/home44.png);
  background-size: 100%;
  width: 10px;
  height: 8px;
  margin-left: 4px;
  margin-bottom: 2px;
}
.iconxiablue {
  background: no-repeat url(https://51qqt.com/img/home43.png);
  background-size: 100%;
  width: 10px;
  height: 8px;
}
.iconright {
  background: no-repeat url(https://51qqt.com/img/home46.png);
  background-size: 100%;
  width: 7px;
  height: 11px;
  margin-left: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.iconrightgary {
  background: no-repeat url(https://51qqt.com/img/home45.png);
  background-size: 100%;
  width: 7px;
  height: 11px;
  margin-left: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.homeHead_phone {
  color: #005cef;
  margin-left: 8px;
  font-family: "DIN Alternate";
}
.homeHead_logintil {
    margin-right: 12px;
    padding: 0px 24px;
    border-radius: 2px;
    border: 1px solid #005CEF;
    color: #005CEF;
    height: 33px;
    line-height: 31px;
    box-sizing: border-box;
  }
.hobverPopUp_text{
  font-weight: 500;
}
.homeHead_logintil:hover {
  color: #005cef;
}
.homeHead_language{
  margin: 0 24px;
  cursor: pointer;
  font-weight: bold;
}
.homeHead_popUpStyle {
  border-radius: 0px 0px 4px 4px;
  box-shadow: 0px 5px 10px 0px rgba(55, 99, 170, 0.2);
  position: absolute;
  top: 62px;
  left: 0px;
  width: 100%;
  z-index: 10;
  opacity: 0;
  height: 0;
  overflow: hidden;
  max-height: 20px;
  transition: max-height 0.25s ease-in-out, opacity 0.25s ease-in-out;
}
.homeHead_popUpStyle_bg{
  background: linear-gradient(to right, #ffffff 50%, #F1F2F5 50%);
}
.homeHead_popUpStyle_flex{
  display: flex;
}

.nav_content{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1200px;
}
.homeHead_popUpStyle_left{
  width: 50%;
  background: #fff;
  height: 636px
}
.homeHead_popUpStyle_left_about{
  height: 290px;
}
.homeHead_popUpStyle_left_new{
  height: 422px
}
.homeHead_popUpStyle_right{
  width: 50%;
  background: #F1F2F5;
  height: 636px
}
.homeHead_popUpStyle_right_about{
  height: 290px
}
.homeHead_popUpStyle_right_new{
  height: 422px
}
.hobverPopUp{
  /* cursor: pointer; */
}
.hobverPopUp span{
  color: gray;
  font-size: 12px;
  font-weight:400;
}
.hobverPopUp:hover .hobverPopUp_text a {
  color: #005cef;
}
.hobverPopUp:hover .hobverPopUp_text{
  color: #005cef;
}
.hobverPopUp_text > a:hover {
  color: #005cef;
  cursor: pointer;
}
.hobverPopUp:hover {
  border-bottom: 2px solid #005cef;
}
.hobverPopUp:hover .iconxia {
  background: no-repeat url(https://51qqt.com/img/home43.png);
  background-size: 100%;
  width: 10px;
  height: 8px;
}
.hobverPopUp:hover .homeHead_popUpStyle {
  opacity: 1;
  height: auto;
  overflow: hidden;
  max-height: 688px;
  border-top: 1px solid #e6e8ee;
  min-width: 1280px;
}
.homephoneHead_height {
  height: 100%;
}
.shownavs {
  height: calc(100% - 67px);
  display: none;
  position: relative;
}
.nav_footer{
  display: flex;
  padding: 16px;
  gap: 16px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
}
.nav_footer a{
  padding: 12px;
  border-radius: 4px;
  text-align: center;
  flex: 1;
  background: #005CEF;
  font-size: 14px;
  color: #fff
}
.nav_footer .nav_footer_phone{
  background: #E8F3FF;
  color: #005CEF;
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
  font-weight: bold;
}
.homephoneHead_left {
  width: 110px;
  border-right: 1px solid #ebebeb;
  height: 100%;
}
.homephoneHead_left > a {
  /* margin: 10px 0; */
  padding: 16px 0 16px 24px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  width: calc(100% - 28px);
  border-left: 4px solid #fff;
  font-weight: 500;
}
.homephoneHead_leftList {
  /* color: #005cef; */
  background: linear-gradient(270deg, #FFF 0%, #ECF3FF 100%);
  border-left: 4px solid #005cef !important;
}
.homephoneHead_left_link {
  /* margin: 10px 0; */
  padding: 16px 0 16px 24px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  width: calc(100% - 24px);
  border-left: 4px solid #fff;
  display: block;
}
.homephoneHead_right {
  /* margin-left: 20px; */
  width: calc(100% - 111px);
  height: 100%;
  overflow-y: auto;
  /* padding: 0px 16px; */
  display: none;
  box-sizing: border-box;
}
.homephoneHead_right_title {
  height: 20px;
  line-height: 20px;
  padding: 16px;
  /* border-bottom: 1px solid #ebebeb;
  font-weight: 600; */
  color: #86909C
}
.homephoneHead_right_title_plan{
  background: #F7F8FA;
  color: #4E5969;
}
.homephoneHead_navs {
  padding: 0px 24px;
  height: calc(100% - 79px);
  overflow: auto;
}
.homephoneHead_nav {
  padding: 16px;
  color: #222;
}
.homephoneHead_navicon {
  width: 20px;
  height: 20px;
  padding: 16px 0;
}
.homephoneHead_navchild {
  margin-left: 16px;
  display: none;
}
.homephoneHead_navchild a {
  display: block;
}
.homephoneHead_navchild_title {
  font-weight: 400;
}
.homephoneHead_navchild_Subhead {
  /* margin: 26px 0 26px 38px;
  padding-right: 20px; */
  padding: 0px 16px;
  align-items: center;
}
.homephoneHead_navchild_Subhead_tip{
  display: block;
  padding: 16px;
  color: #005CEF;
  font-weight: bold;
  text-align: center;
  background: #F7F8FA;
}
.product_nav_third{
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: bold;
  padding: 16px 0;
}
.case_nav_third_box{
  border-bottom: 1px solid #F2F3F5;
  display: flex;
  /* padding: 16px 0; */
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.case_nav_icon{
  width: 16px;
  height: 16px;
}
.shownavchild_text {
  display: none;
}
.homephoneHead_navchild_text {
  padding: 0px 24px;
  display: block;
}
.homephoneHead_navchild_text_case{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;

}
.homephoneHead_navchild_text_div{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  border-bottom: 1px solid #F2F3F5;
  width: 100%;
}
.homephoneHead_navchild_text_toright{
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}
.homephoneHead_navchild_text_box{
  display: flex;
  align-items: center;
  gap: 8px;
}
.homephoneHead_navchild_icon{
  width: 16px;
  height: 16px;
}
.homephoneHead_navchild_text_title{
  display: flex;
  align-items: center;
  gap: 3px;
  font-size: 14px;
  font-weight: bold;
}
.homephoneHead_navchild_text_title_case{
  font-weight: normal;
  color: #4E5969
}
.homephoneHead_navchild_text_des{
  display: block;
  font-size: 12px;
  color: #86909C;
  margin-top: 3px;
}
.homephoneHead_navchild_text_des p{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 220px;
}
.homephoneHead_right_text {
  padding: 0 16px;
  display: block;
  /* display: flex;
  align-items: center;
  justify-content: space-between; */
}
.new_two_nav{
  padding: 16px 24px;
  background: #F7F8FA;
}
.new_two_nav_box{
  padding: 16px 16px 60px 16px;
  box-sizing: border-box;
}
.new_two_nav_title{
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
}
.new_two_nav_des p{
  font-size: 12px;
  color: #4E5969;
  line-height: 18px;
}
.new_two_nav_link{
  display: flex;
  align-items: center;
  gap: 5px;
  color: #005CEF;
  margin-top: 8px;
  font-size: 12px;;
}
.homephoneHead_right_text_plan{
  font-weight: bold;
  font-size: 14px;
  padding: 16px 8px
}
.homephoneHead_right_text_plan_des p{
  font-size: 12px;
  color: #86909C;
  margin-top: 4px;
  /* width: 255px; */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 400;
}
.homephoneHead_right_text_plan_box{
  display: flex;
    align-items: center;
    justify-content: space-between;
  border-bottom: 1px solid #F2F3F5
}

/* 导航产品弹窗 */
.homeHead_productpopUp_saas {
  /* background: linear-gradient(
    135deg,
    rgba(0, 85, 255, 0) 0%,
    rgba(0, 85, 255, 0.04) 100%
  ); */
}


.competitive{
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  width: 100%;
}
.competitive_box{
  padding: 20px;
  height: 160px;
  box-sizing: border-box;
  flex: 0 0 49%;
  border-radius: 4px;
  border: 1px solid #FFF;
  background: linear-gradient(179deg, #F4F5F8 1.17%, #FEFFFF 98.83%);
  box-shadow: 0px 4px 15px 0px #E5EAEE;
  position: relative;
  transition: 0.8s;
}
.competitive_box:hover{
  border-radius: 4px;
    border: 1px solid #FFF;
    background: #F3F5F8;
    box-shadow: 0px 0px 30px 0px #D9E4F2 inset;
    /* transform: translateY(-10px); */
}
.competitive_title{
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 24px;
  color: #1D2129;
  line-height: 28px;
}
.competitive_des p{
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 4px;
  color: #4E5969;
  display: flex;
  gap: 8px;
  position: relative;
  z-index: 2;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  /* white-space: nowrap; */
}
.competitive_des p::before{
  content: "";
  background-image: url(/images/index/true.png);
  background-size: 100%;
  width: 16px;
  height: 16px;
  display: block;
}
.competitive_img{
  width: 209px;
  height: 124px;
  position: absolute;
  bottom: 0;
  right: 16px;
  z-index: 1;
}

.competitive_moble{
  display: none;
  gap: 16px;
  flex-wrap: wrap;
}
.competitive_box_moble{
  padding: 16px 8px;
  border-radius: 4px;
  border: 1px solid #FFF;
  background: linear-gradient(179deg, #F4F5F8 1.17%, #FEFFFF 98.83%);
  box-shadow: 0px 4px 8.7px 0px #F0F6FC;
  box-sizing: border-box;
  width: calc(50% - 8px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.competitive_title_moble{
  color: #1D2129;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.competitive_img_moble{
  width: 124px;
  height: 74px;
}


.homeHead_productpopUp_left {
  
  /* width: 180px; */
}
.homeHead_productpopUp_right {
  padding: 36px 0px 36px 32px;
  /* max-width: 950px; */
  flex: 1;
  box-sizing: border-box;
  color: #222222;
  background: #F1F2F5;
}
.homeHead_productpopUp_right_plan{
  /* max-width: 928px; */
  padding: 36px 0 36px 24px
}
.homeHead_productpopUp_right_new{
  background: #FFF;
}
.homeHead_productpopUp_right_about{
  width: 950px;
  max-height: 290px;
  overflow-y: auto;
}
.homehead_right_pic{
  padding: 8px;
  background: #fff;
  height: 216px;
  border-radius: 4px;
  width: 166px;
  flex: 0 0 166px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  transition: 0.3s;
}
.homehead_right_pic:hover{
  box-shadow: 6px 6px 12px 0px #D6DDEA;
}
.homehead_right_pic img{
  width: 150px;
  height: auto;
  border-radius: 5px;
}
.homehead_right_pic_btn{
  width: 96px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  color: #005CEF;
  background: #FFF;
  border-radius: 2px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 22px;
  display: none;
}
.homehead_right_nav{
  display: flex;
  /* gap: 15px; */
  flex-wrap: wrap;
  /* width: 720px; */
  flex: 0 0 720px;
  max-height: 538px;
  overflow-y: auto;
  height: 100%
}
.homehead_right_nav_new{
  width: 536px;
  flex: 0 0 536px;
  height: 100%;
  max-height: 350px;
}
.homehead_right_new{
  width: 346px;
  flex: 0 0 346px;
  margin-left: 36px;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 4px;
  background: linear-gradient(179deg, #F4F7FF 0.83%, #FEFFFF 121.67%);
}
.homehead_right_new_title{
  font-weight: bold;
  line-height: 17px;
  /* margin-bottom: 2px */
}
.homehead_right_new_text{
  font-size: 14px;
  color: #4E5969;
  width: 310px;
  margin-top: 16px;
  cursor: pointer;
  line-height: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.homehead_right_new_text:hover{
  color: #005CEF
}
.homehead_right_nav_a{
  padding: 20px 0;
  width: 240px;
  display: flex;
  gap: 12px;
}
.homehead_right_nav_a:hover .homehead_right_nav_text span{
  color: #005CEF
} 
.homehead_right_nav_icon{
  width: 16px;
  height: 16px
  
}
.homehead_right_nav_text_box{

}
.homehead_right_nav_text{
  display: flex;
  font-size: 14px;
  font-weight: 500;
  align-items: center;
  gap: 4px;
  margin-bottom: 8px
}
.homehead_right_nav_text span{
  display: block;
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.homehead_right_nav_des p{
  color: #86909C;
  font-size: 12px;
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.homeHead_productpopUp_rightText {
  display: flex;
  justify-content: space-between;
}
.homeHead_productpopUp_rightText_new{
  gap: 0
}
.homeHead_productpopUp_rightText > div {
  margin-bottom: 14px;
}
.homeHead_productpopUp_rightText .double {
  float: left;
}

.homeHead_productpopUp_rightText > a,
.homeHead_productpopUp_rightText .double > a {
  margin-bottom: 14px;
  display: block;
  cursor: pointer;
}
.homeHead_productpopUp_rightText > a:hover,
.homeHead_productpopUp_rightText .double > a:hover {
  color: #005cef;
}
.homeHead_productpopUp_title_img{
  width: 20px;
  transition: 0.5s;
}
.homeHead_productpopUp_title {
  /* margin-bottom: 12px !important; */
}
.homeHead_productpopUp_title:hover a {
  color: #005cef;
}
.homeHead_productpopUp_title:hover .homeHead_productpopUp_title_img {
  margin-left: 15px;
}
.homeHead_productpopUp_title:hover .iconrightgary {
  margin-left: 15px;
  background: no-repeat url(https://51qqt.com/img/home46.png);
  background-size: 100%;
}
.homeHead_productpopUp_titleicon1 {
  position: relative;
}
.homeHead_productpopUp_titleicon1::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home74.png);
  background-size: 100%;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -8px;
  left: -38px;
}
.homeHead_productpopUp_titleicon2 {
  position: relative;
}
.homeHead_productpopUp_titleicon2::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home75.png);
  background-size: 100%;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -8px;
  left: -38px;
}
.homeHead_productpopUp_titleicon3 {
  position: relative;
}
.homeHead_productpopUp_titleicon3::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home76.png);
  background-size: 100%;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -8px;
  left: -38px;
}
.homeHead_productpopUp_titleicon4 {
  position: relative;
}
.homeHead_productpopUp_titleicon4::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home77.png);
  background-size: 100%;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -8px;
  left: -38px;
}
.homeHead_productpopUp_titleicon5 {
  position: relative;
}
.homeHead_productpopUp_titleicon5::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home80.png);
  background-size: 100%;
  width: 30px;
  height: 30px;
  position: absolute;
  top: -8px;
  left: -38px;
}
.homeHead_productpopUp_subheading {
  color: #888888;
  margin-bottom: 20px !important;
}
.homeHead_productpopUp_paas {
  padding-left: 100px;
  background: linear-gradient(
    135deg,
    rgba(0, 85, 255, 0) 0%,
    rgba(0, 85, 255, 0.04) 100%
  );
}
.homeHead_productpopUp_paas_left {
  padding: 50px 30px;
  width: 180px;
  height: 40px;
  background: no-repeat url(https://51qqt.com/img/home48.png);
  background-size: 100%;
}
.homeHead_productpopUp_paas_right {
  padding: 30px 40px;
  width: calc(100% - 320px);
  color: #222222;
}
.homeHead_productpopUp_paas_right > a {
  background: linear-gradient(180deg, #f2f4f7 0%, #ffffff 100%);
  box-shadow: 0px 4px 10px 0px rgba(166, 180, 208, 0.1);
  border-radius: 4px;
  border: 2px solid #ffffff;
  padding: 18px;
  width: 240px;
  height: 41px;
  cursor: pointer;
}
.homeHead_productpopUp_paas_right > a:hover {
  box-shadow: 0px 4px 10px 0px rgba(166, 180, 208, 0.2);
}
.homeHead_productpopUp_paas_right > a:hover .homeHead_appleStytle {
  color: #005cef;
}
.homeHead_productpopUp_paas_right_subheading {
  color: #999999;
  margin-top: 8px;
}
.homeHead_productpopUp_paastitleicon1 {
  position: relative;
}
.homeHead_productpopUp_paastitleicon1::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home59.png);
  background-size: 100%;
  width: 44px;
  height: 44px;
  position: absolute;
  top: -27px;
  left: 200px;
}
.homeHead_productpopUp_paastitleicon2 {
  position: relative;
}
.homeHead_productpopUp_paastitleicon2::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home60.png);
  background-size: 100%;
  width: 44px;
  height: 44px;
  position: absolute;
  top: -29px;
  left: 200px;
}
.homeHead_productpopUp_paastitleicon3 {
  position: relative;
}
.homeHead_productpopUp_paastitleicon3::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home61.png);
  background-size: 100%;
  width: 44px;
  height: 44px;
  position: absolute;
  top: -29px;
  left: 200px;
}
/* 导航解决方案弹窗 */
.homeHead_solutionPopUp_left {
  background: linear-gradient(
    135deg,
    rgba(0, 85, 255, 0) 0%,
    rgba(0, 85, 255, 0.04) 100%
  );
}
.homeHead_solutionPopUp_leftTitle {
  padding: 37px 30px;
  width: 160px;
  height: 146px;
  background: no-repeat url(https://51qqt.com/img/home8.png);
  background-size: 100%;
}
.homeHead_solutionPopUp_rightText {
  padding: 20px 10px 10px 40px;
  width: 170px;
  cursor: pointer;
}
.homeHead_solutionPopUp_rightText:hover {
  background: #f7f8fa;
}
.homeHead_solutionPopUp_rightText:hover .homeHead_productpopUp_title {
  color: #005cef;
}
.homeHead_solutionPopUp_subheading {
  color: #888888;
}
.homeHead_solutionPopUp_titleicon1 {
  position: relative;
}
.homeHead_solutionPopUp_titleicon1::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home38.png);
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: -25px;
}
.homeHead_solutionPopUp_titleicon2 {
  position: relative;
}
.homeHead_solutionPopUp_titleicon2::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home20.png);
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: -25px;
}
.homeHead_solutionPopUp_titleicon3 {
  position: relative;
}
.homeHead_solutionPopUp_titleicon3::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home22.png);
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: -25px;
}
.homeHead_solutionPopUp_titleicon4 {
  position: relative;
}
.homeHead_solutionPopUp_titleicon4::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home24.png);
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: -25px;
}
.homeHead_solutionPopUp_titleicon5 {
  position: relative;
}
.homeHead_solutionPopUp_titleicon5::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home19.png);
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: -25px;
}
.homeHead_solutionPopUp_titleicon6 {
  position: relative;
}
.homeHead_solutionPopUp_titleicon6::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home21.png);
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: -25px;
}
.homeHead_solutionPopUp_titleicon7 {
  position: relative;
}
.homeHead_solutionPopUp_titleicon7::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home23.png);
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: -25px;
}
.homeHead_solutionPopUp_titleicon8 {
  position: relative;
}
.homeHead_solutionPopUp_titleicon8::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home25.png);
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: -25px;
}
.homeHead_solutionPopUp_titleicon9 {
  position: relative;
}
.homeHead_solutionPopUp_titleicon9::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home26.png);
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: -25px;
}
.homeHead_solutionPopUp_titleicon10 {
  position: relative;
}
.homeHead_solutionPopUp_titleicon10::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home28.png);
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: -25px;
}
.homeHead_solutionPopUp_titleicon11 {
  position: relative;
}
.homeHead_solutionPopUp_titleicon11::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home30.png);
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: -25px;
}
.homeHead_solutionPopUp_titleicon12 {
  position: relative;
}
.homeHead_solutionPopUp_titleicon12::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home31.png);
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: -25px;
}
.homeHead_solutionPopUp_titleicon13 {
  position: relative;
}
.homeHead_solutionPopUp_titleicon13::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home27.png);
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: -25px;
}
.homeHead_solutionPopUp_titleicon14 {
  position: relative;
}
.homeHead_solutionPopUp_titleicon14::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home29.png);
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: -25px;
}
.homeHead_solutionPopUp_titleicon15 {
  position: relative;
}
.homeHead_solutionPopUp_titleicon15::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home32.png);
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: -25px;
}
.homeHead_solutionPopUp_titleicon16 {
  position: relative;
}
.homeHead_solutionPopUp_titleicon16::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home34.png);
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: -25px;
}
.homeHead_solutionPopUp_titleicon17 {
  position: relative;
}
.homeHead_solutionPopUp_titleicon17::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home33.png);
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: -25px;
}
.homeHead_solutionPopUp_titleicon18 {
  position: relative;
}
.homeHead_solutionPopUp_titleicon18::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home35.png);
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: -25px;
}
/* 咨询中心弹窗 */
.homeHead_informationPopUp_left {
  background: linear-gradient(
    135deg,
    rgba(0, 85, 255, 0) 0%,
    rgba(0, 85, 255, 0.04) 100%
  );
}
.homeHead_informationPopUp_Title {
  padding: 48px 20px;
  width: 570px;
  height: 138px;
  background: no-repeat url(https://51qqt.com/img/home9.png);
  background-size: 100% 100%;
}
.homeHead_informationPopUp_leftTitle {
  margin-bottom: 12px;
}
.homeHead_informationPopUp_right {
  padding: 48px 40px;
  width: calc(100% - 690px);
}
.homeHead_informationPopUp_rightText {
  padding: 10px 20px 10px 40px;
  width: 190px;
  cursor: pointer;
  height: 49px;
  color: #222222;
}
.homeHead_informationPopUp_rightText:hover .homeHead_productpopUp_title {
  color: #005cef;
}
.homeHead_informationPopUp_rightText:hover .iconrightgary {
  background: no-repeat url(https://51qqt.com/img/home46.png);
  background-size: 100%;
  width: 7px;
  height: 11px;
  margin-left: 15px;
}
.homeHead_playvidio {
  background: linear-gradient(270deg, #008eff 0%, #005cef 100%);
  border-radius: 2px;
  padding: 8px 22px;
  margin-top: 29px;
  cursor: pointer;
}
.homeHead_playvidio:hover {
  background: linear-gradient(
    270deg,
    rgba(0, 142, 255, 0.8) 0%,
    rgba(0, 92, 239, 0.8) 100%
  );
}
/* 关于我们弹窗 */
.homeHead_aboutUsPopUp_padd {
  padding: 45px 0px;
}
.homeHead_aboutUsPopUp_Text {
  width: 176px;
  background: #f7f8fa;
  padding: 24px 32px;
  height: 72px;
}
.homeHead_aboutUsPopUp_Text:hover .homeHead_aboutUsPopUp_title {
  color: #005cef;
}
.homeHead_aboutUsPopUp_Text:hover .iconrightgary {
  background: no-repeat url(https://51qqt.com/img/home46.png);
  background-size: 100%;
  width: 7px;
  height: 11px;
  margin-left: 15px;
}
.homeHead_aboutUsPopUp_title {
  margin-bottom: 9px;
  margin-left: 30px;
}
.homeHead_aboutUsPopUp_titleicon1 {
  position: relative;
}
.homeHead_aboutUsPopUp_titleicon1::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home17.png);
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: -25px;
}
.homeHead_aboutUsPopUp_titleicon2 {
  position: relative;
}
.homeHead_aboutUsPopUp_titleicon2::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home36.png);
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: -25px;
}
.homeHead_aboutUsPopUp_titleicon3 {
  position: relative;
}
.homeHead_aboutUsPopUp_titleicon3::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home16.png);
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: -25px;
}
.homeHead_aboutUsPopUp_titleicon4 {
  position: relative;
}
.homeHead_aboutUsPopUp_titleicon4::before {
  content: '';
  background: no-repeat url(https://51qqt.com/img/home37.png);
  background-size: 100%;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: -25px;
}
/* 底部 */
.footer {
  padding-top: 60px;
}
/* .footer_topstyle{margin: 0 120px;} */
.footer_leftstyle {
  margin-right: 100px;
}
.footer_rightstyle {
  width: calc(100% - 10px);
  margin-bottom: 16px;
}
.footer_logosize {
  width: 120px;
  height: 40px;
  margin-bottom: 20px;
}
.footer_textpadd {
  margin: 10px 0 32px 0;
}
.footer_contactimg {
  width: 120px;
  height: 120px;
  border-radius: 2px;
}
.footer_contactimgpadd {
  margin-right: 30px;
  margin-bottom: 15px;
}
.footer_linkstyle {
  margin-top: 20px;
  color: rgba(255, 255, 255, 0.6);
}
.footer_linkmag {
  margin-right: 24px;
}
.footer_firstlinkmag {
  margin-top: 0 !important;
}
.footer_linkstyle a {
  margin: 16px 0;
  display: block;
  color: rgba(255, 255, 255, 0.6);
}
.footer_aboutstyle a {
  color: rgba(255, 255, 255, 0.6);
  padding: 30px 0;
  margin-right: 54px;
}
.blogroll {
  color: rgba(255, 255, 255, 0.6);
  padding: 30px 0;
  margin-right: 54px;
}
.footer_aboutstyle a:hover {
  color: #ffffff;
}
.footer_bottom {
  padding: 30px 0;
  background: #0d0e10;
}
.footer_bottom a,
.footer_bottom div {
  color: rgba(255, 255, 255, 0.6) !important;
}
.footer_bottomtext {
  margin-right: 40px;
  margin-left: 40px;
}
.footer_bottom_num {
  margin-left: 10px;
}
/* 头部标题样式 */
.manufacturing_adver_title {
  font-size: 48px;
  line-height: 62px;
}
/* 移动端头部 */

.displayBox {
  display: -webkit-box;
}
.videoPageWidth {
  width: 100%;
}
.cursorDefault {
  cursor: default;
}
.aHover > a:hover {
  color: #005cef;
}
.bgfooter a:hover {
  color: #ffffff;
}
.tuomaogz {
  margin-top: 10px;
}

.homeHead_registertil_scf {
  padding: 8px 24px;
  color: #ffffff;
  background: linear-gradient(270deg, #ffa328 0%, #ff761a 100%);
  border-radius: 2px;
  width: 64px;
  text-align: center;
  cursor: pointer;
  position: relative;
  transition: background 0.3s;
}

.homeHead_registertil {
  padding: 8px 0px;
  color: #ffffff;
  background: #005cef;
  border-radius: 2px;
  width: 84px;
  text-align: center;
  text-align: center;
  cursor: pointer;
  position: relative;
  transition: background 0.3s;
}

.homeHead_registertil:after,
.homeHead_registertil:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #005cef;
  z-index: -2;
  border-radius: 2px;
}

.homeHead_registertil:hover {
  z-index: 1;
  background: transparent;
}

.homeHead_registertil:before {
  transition: 0.3s;
  background: linear-gradient(270deg, #ffa328 0%, #ff761a 100%);
  z-index: -1;
}

.homeHead_registertil:hover:after,
.homeHead_registertil:hover:before {
  width: 100%;
}

.product_index_banner_register {
  padding: 13px 68px;
  color: #005cef;
  background: #ffffff;
  border-radius: 4px;
  width: 56px;
  text-align: center;
  cursor: pointer;
  position: relative;
  transition: background 0.3s;
}

.product_index_banner_register:after,
.product_index_banner_register:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 100%;
  background: #ffffff;
  z-index: -2;
  border-radius: 4px;
}

.product_index_banner_register:hover {
  z-index: 1;
  background: transparent;
  color: #ffffff;
}

.product_index_banner_register:before {
  transition: 0.3s;
  background: linear-gradient(270deg, #ffa328 0%, #ff761a 100%);
  z-index: -1;
}

.product_index_banner_register:hover:after,
.product_index_banner_register:hover:before {
  width: 100%;
}

.index_banner_register {
  padding: 13px 68px;
}
/* 右下脚浮窗 */
.rightView {
  position: fixed;
  top: 50%;
  right: 2px;
  transform: translateY(-61px);
  z-index: 9999;
}
.rightView_kf {
  padding: 10px 6px 9px 6px;
  border: 2px solid #ffffff;
  background: linear-gradient(180deg, #ff5717 0%, #fc9a2c 100%);
  border-radius: 40px 40px 0 0;
  box-shadow: 4px 8px 20px 0px rgba(55, 99, 170, 0.1);
  margin-bottom: 8px;
  cursor: pointer;
}
.rightView_kf_none {
  padding: 10px 6px 9px 6px;
  margin-bottom: 8px;
  cursor: pointer;
  height: 102px;
}
.rightView_kfImg {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-bottom: 9px;
}
.rightView_kfText {
  color: #ff761a;
  padding: 4px;
  background: #ffffff;
  height: 20px;
  line-height: 20px;
  border-radius: 2px;
}
.rightView_trial {
  padding: 10px 10px 8px 10px;
  box-shadow: 4px 8px 20px 0px rgba(55, 99, 170, 0.1);
  border-radius: 4px;
  border: 2px solid #ffffff;
  background: linear-gradient(180deg, #f5f7fa 0%, #ffffff 100%);
  margin-bottom: 8px;
  cursor: pointer;
}
.rightView_trialImg {
  width: 30px;
  height: 30px;
  margin: 0 auto;
  margin-bottom: 8px;
}
.rightView_trialText {
  height: 20px;
  color: #555555;
  line-height: 20px;
}
.rightView_trial:hover .rightView_trialText {
  color: #ff761a;
}
.rightView_chatUs {
  position: absolute;
  z-index: 1000;
  bottom: 8px;
  right: 88px;
  background: linear-gradient(180deg, #f5f7fa 0%, #ffffff 100%);
  box-shadow: 4px 8px 20px 0px rgba(55, 99, 170, 0.1);
  border-radius: 4px;
  border: 2px solid #ffffff;
  padding: 18px 18px 10px 18px;
  display: none;
}
.rightView_chatUsImg {
  width: 144px;
  height: 144px;
  margin-bottom: 8px;
}
.rightView_chatUsText {
  color: #ff761a;
  height: 20px;
  line-height: 20px;
}
.rightView_trial:hover .rightView_chatUs {
  display: block;
}
.rightView_showkf {
  position: absolute;
  z-index: 1000;
  top: 36px;
  right: 80px;
  background: linear-gradient(180deg, #f5f7fa 0%, #ffffff 100%);
  box-shadow: 4px 8px 20px 0px rgba(55, 99, 170, 0.1);
  border-radius: 4px;
  border: 2px solid #ffffff;
  padding: 0 18px;
  width: 280px;
  display: none;
}
.rightView_right {
  width: 7px;
  height: 12px;
  background: no-repeat url('https://51qqt.com/img/rightView_leftorige.png');
  background-size: 100%;
}
.rightView_showkfImg {
  width: 44px;
  height: 44px;
  margin-right: 14px;
}
.rightView_showkfList {
  padding: 18px 0;
}
.rightView_showkfTitle {
  color: #222222;
  height: 22px;
  line-height: 22px;
  margin-bottom: 2px;
}
.rightView_showkfText {
  color: #9a9089;
  height: 20px;
  line-height: 20px;
}
/*.rightView_kf:hover ~ #newBridge{display: block !important;}*/
/*#newBridge{*/
/*    display: none !important;*/
/*}*/
.rightView_showkfList:hover .rightView_right {
  background: no-repeat url('https://51qqt.com/img/rightView_left.png');
  background-size: 100%;
}
.rightView_showkfList:hover .rightView_showkfTitle {
  color: #ff761a;
}
#newBridge {
  z-index: 10;
}
.moble_footer_nav{
  display: none;
  width: 100%;
  padding-bottom: 16px;
  border-bottom: 1px solid #4E5969;
  margin-bottom: 24px
}
.moble_footer_nav_box{
  margin-bottom: 8px;
  max-height: 44px;
  height: 44px;
  overflow: hidden;
  transition: 0.2s;
}
.moble_footer_nav_box_active{
  max-height: 300px;
  height: auto;
}
.mobel_footer_nav_item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    color: #fff;
    padding: 12px 0;
}
.mobel_footer_nav_icon{
  width: 20px;
  height: 20px;
  transform: rotate(90deg);
  /* transition: 0.2s; */
}
.mobel_footer_nav_icon_active{
  transform: rotate(-90deg);
}
.mobel_footer_nav_child{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: #C9CDD4
}
.mobel_footer_nav_child a{
  margin-bottom: 12px
}
.mobel_footer_nav_childItem{
  width: calc(33.3% - 8px);
}

.h5-bottom-contact {
  display: none;
}
.home_pc_title{
  display: block;
  text-align: center;
  > p{
    display: inline-block;
    position: relative;

    &:before,&:after{
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      width: 220px;
      background-image: url('/img/title-line.svg');
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
    }


    &:before {
      left: -16px;
      transform: translate(-100%, 2px);
    }

    &:after {
      right: -16px;
      transform: translate(100%, 2px) rotateZ(180deg);
    }
  }
}

.home_pc_title > p{
  display: inline-block;
  position: relative;
}

.home_pc_title > p:before,
.home_pc_title > p:after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 220px;
  background-image: url('/img/title-line.svg');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.home_pc_title > p:before{
  left: -16px;
  transform: translate(-100%, 2px);
}

.home_pc_title > p:after {
  right: -16px;
  transform: translate(100%, 2px) rotateZ(180deg);
}


.home_moble_title{
  display: none;
}
.videoContainer {
  /* position: absolute;top: 0;left: 0; */
  width: 878px;
}

.videoListContainer {
  color: #ffffff;
  background: rgba(34, 35, 37, 1);
  overflow-y: auto;
  height: 584px;
  padding: 19px 20px 0 20px;
}

.videoListItem {
  width: 282px;
  margin-bottom: 20px;
  overflow: hidden;
  transition: all 0.3s;
}

.videoListItem:hover {
  background: rgba(255, 255, 255, 0.1);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  cursor: pointer;
}

.video_img {
  border-radius: 4px;
  height: 158px;
  overflow: hidden;
}

.video_img>img {
  transition: all 0.3s;
}

.videoListItem:hover img {
  transform: scale(1.1);
}

.videoListItem:hover .videoListTitleText {
  color: rgba(255, 118, 26, 1);
}

.videoListTitleText {
  width: 282px;
  height: 22px;
  text-align: left;
  font-size: 16px;
  padding: 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 10px;
  color: #ffffff;
}

/* .videoListItem:hover .videoListTitleText:hover{
    color: #005CEF;
} */
.videoListDescriptionText {
  width: 282px;
  text-align: left;
  max-height: 100px;
  line-height: 20px;
  font-size: 12px;
  padding: 0 8px;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  margin-top: 10px;
  margin-bottom: 6px;
}

.videoTitleText {
  width: 857px;
  text-align: left;
  height: 33px;
  line-height: 33px;
  font-size: 24px;
  margin-top: 24px;
  padding-left: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.videoDescriptionText {
  width: 857px;
  text-align: left;
  height: 22px;
  line-height: 22px;
  font-size: 16px;
  margin-top: 8px;
  padding-left: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 24px;
}
@media screen and (max-width: 1335px) {
  .header {
    height: auto;
  }
  .heiheader {
    height: 66px;
  }
  .homeHead {
    padding: 0 20px;
  }
  /* .homeHead_logintil {
    margin-right: 12px;
    padding: 7px 24px;
    border-radius: 4px;
    border:1px solid #005CEF;
    font-size: 12px;
    box-sizing: border-box;
  } */
  .homephoneHead_menu {
    display: inline-block;
    transition: all 0.2s linear;
  }
  input[name='nav']:checked + .homephoneHead_menu {
    transform: rotate(90deg);
  }
  .footer_topstyle {
    margin: 0 30px;
  }
  .footer_leftstyle {
    margin-right: 30px;
  }

  .footer_leftstyle {
    margin-right: 30px;
  }
  .homeHead_registertil {
    margin: 18px 0;
  }
  .homeHead_productpopUp_paastitleicon1::before {
    content: '';
    background: no-repeat url(https://51qqt.com/img/home59.png);
    background-size: 100%;
    width: 30px;
    height: 30px;
    position: absolute;
    top: -5px;
    left: -38px;
  }
  .homeHead_productpopUp_paastitleicon2::before {
    content: '';
    background: no-repeat url(https://51qqt.com/img/home60.png);
    background-size: 100%;
    width: 30px;
    height: 30px;
    position: absolute;
    top: -5px;
    left: -38px;
  }
  .homeHead_productpopUp_paastitleicon3::before {
    content: '';
    background: no-repeat url(https://51qqt.com/img/home61.png);
    background-size: 100%;
    width: 30px;
    height: 30px;
    position: absolute;
    top: -5px;
    left: -38px;
  }
}
@media screen and (max-width: 1240px) {
    .videoListContainer,
      .videoTitleText,
    .videoDescriptionText {
      display: none;
    }
  
    .videoContainer {
      position: relative;
      padding: 0 16px;
      margin: auto;
    }
}
@media screen and (max-width: 1120px) {
  .maxwidth_nav {
      min-width: unset !important;
      max-width: unset !important;
      width: 100% !important;
    }
  .header{
    min-width: unset
  }
  .homeHead {
    display: none;
  }
  .pc_header{
    display: none;
  }
  .homephoneHead {
    display: flex;
  }
  section{
    min-width: unset;
  }
}
@media screen and (max-width: 780px) {
  .footer_rightstyle {
    width: 100%;
  }

     section {
       min-width: unset;
     }

  .rightView {
    display: none;
  }
  .footer_bottom_num {
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .footer {
    padding-top: 30px;
  }
  .footer_topstyle {
    padding: 0 20px;
    margin: 0;
  }
  .footer_aboutstyle {
    display: none;
  }
  .logosize {
    width: 98px;
    height: 33px
  }
  .manufacturing_adver_title {
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 4px;
  }
  .footer_bottomtext {
    margin-left: 0;
  }
}
@media screen and (max-width: 946px) {
    
      .competitive_box {
        padding: 24px;
        height: 200px;
        flex: 0 0 100%;
      }
    
      .competitive_title {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 24px;
        line-height: 28px;
      }
    
      .competitive_des p {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 4px;
        gap: 8px;
        max-width: 510px;
      }
    
      .competitive_img {
        width: 209px;
        height: 124px;
        position: absolute;
        right: 16px;
      }
}
@media screen and (max-width: 580px) {
  .home_pc_title {
      display: none;
    }
  
    .home_moble_title {
      display: block;
    }
      .moble_footer_nav{
        display: block;
      }
      .competitive{
        display: none;
      }
      .competitive_moble{
        display: flex;
      }
      .competitive_box {
        padding: 16px;
        height: 150px;
        flex: 0 0 100%;
      }
    
      .competitive_title {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 12px;
        line-height: 22px;
      }
    
      .competitive_des p {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 4px;
        gap: 8px;
        max-width: 320px;
      }
    
      .competitive_img {
        width: 124px;
        height: 74px;
        position: absolute;
        right: 16px;
      }

                .h5-bottom-contact {
                  display: block;
                  position: fixed;
                  bottom: 0;
                  left: 0;
                  width: 100%;
                  height: 77px;
                  background: url('https://51qqt.com/images/caseStudy/h5-contact-bg.svg') no-repeat;
                  background-size: cover;
                  overflow: hidden;
                  z-index: 99;
                  min-width: 375px;
                }
        
                .h5-bottom-contact li {
                  width: 100px;
                  position: absolute;
                  top: 0;
                  left: 0;
                  box-sizing: border-box;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  color: #fff;
                  font-size: 16px;
                  flex: 1;
                }
        
                .h5-bottom-contact img {
                  width: 20px;
                }
        
                .h5-bottom-contact li.left {
                  top: 38px;
                  left: 10%;
                }
        
                .h5-bottom-contact li.left img {
                  margin-right: 8px;
                }
        
                .h5-bottom-contact li.center {
                  width: 62px;
                  height: 62px;
                  border-radius: 100px;
                  background: linear-gradient(167deg, #00A6FF 5.05%, #57D1FF 90.82%);
                  top: 6px;
                  left: 50%;
                  transform: translateX(-50%);
                  display: flex;
                  align-items: center;
                  justify-content: center;
                }
        
                .h5-bottom-contact li.center img {
                  width: 30px;
                  height: 30px;
                }
        
                .h5-bottom-contact li.right {
                  top: 38px;
                  right: 10%;
                  left: auto;
                }
        
                .h5-bottom-contact li.right a {
                  display: flex;
                  justify-content: center;
                  align-items: center;
                }
        
                .h5-bottom-contact li.right img {
                  margin-right: 8px;
                }
}
.saasNavItemIcon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -8px;
  left: -38px;
}
.paasNavItemIcon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -8px;
  left: -38px;
}
.navIcon {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: -25px;
}
.aboutNavIcon {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: 5px;
}
.mobileSaasNavIcon {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -8px;
  left: -38px;
}
.mobilePaasNavIcon {
  width: 44px;
  height: 44px;
  position: absolute;
  top: -27px;
  left: 200px;
}


.floating-menu {
  width: 64px;
  box-shadow: 0px 0px 12px 0px #9E9E9E40;
  position: fixed;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  background-color: #005CEF;
  border-radius: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
 
}

.floating-menu .menu-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 0px;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  position: relative;
  background-color: #005CEF;
  white-space: nowrap;
}

.menu-container .menu-item::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 10px;
  right: 10px;
  height: 1px;
  background-color: #E6E6E6;
}

.floating-menu .menu-item img {
  margin-bottom: 5px;
}

/* .floating-menu .menu-item:hover {
  background-color: #f5f5f5;
} */

.floating-menu .menu-title {
  font-family: 'Source Han Sans CN', sans-serif;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  color: #fff;
}

.floating-menu .menu-divider {
  height: 1px;
  background-color: #E6E6E6;
  margin: 0 10px;
}

.floating-menu .qrcode {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-100%, -50%);
  padding: 10px;
  background-color: #fff;
  box-shadow: 0 0 10px #ccc;
  display: none;
}

.floating-menu .qrcode img {
  width: 150px;
}

.floating-menu:has(.contact:hover) .qrcode {
  display: block;
}