*{padding: 0;margin: 0;box-sizing: border-box;color: #333333;font-size: 12px;font-family: "Microsoft YaHei",微软雅黑;}
li{list-style-type: none;}
a{text-decoration: none;}
html,body{overflow-x: hidden;max-width: 1920px;margin: auto;min-width: 1200px;}
/* 布局 */
.dfcb{display: flex;align-items: center;justify-content: space-between;}
.dfsb{display: flex;align-items: flex-start;justify-content: space-between;}
.dfca{display: flex;align-items: center;justify-content: space-around;}
.dfcc{display: flex;align-items: center;justify-content: center;}
.dfss{display: flex;align-items: flex-start;justify-content: flex-start;}
.dfcs{display: flex;align-items: center;justify-content: flex-start;}
.dfce{display: flex;align-items: center;justify-content: flex-end;}
.dfes{display: flex;align-items: flex-end;justify-content: flex-start;}
.flex1{flex: 1;}
/* 字体 */
.fwb{font-weight: bold;}.fwb500{font-weight: 500;}
.ft14{font-size: 14px;}.ft15{font-size: 15px;}.ft16{font-size: 16px;}.ft18{font-size: 18px;}.ft20{font-size: 20px;}.ft22{font-size: 22px;}.ft24{font-size: 24px;}.ft28{font-size: 28px;}.ft32{font-size: 32px;}.ft38{font-size: 38px;}.ft40{font-size: 40px;}.ft48{font-size: 48px;}.ft56{font-size: 56px;}.ft64{font-size: 64px;}

/* 颜色 */
.c_666{color: #666666;}.c_fff{color: #FFFFFF;}.c_F89605{color: #F89605;}.c_25C68A{color: #25C68A;}.c_4F586A{color: #4F586A;}.c_51555C{color: #51555C;}.c_343434{color:#343434}.c_FF0000{color: #FF0000;}.c_39394D{color: #39394D;}.c_D9D9D9{color: #D9D9D9;}

.bgc_25C68A{background-color: #25C68A;}.bgc_fff{background-color: #FFFFFF;}.bgc_FD6A7F{background-color: #FD6A7F;}.bgc_36A2F6{background-color: #36A2F6;}.bgc_12B594{background-color: #12B594;}.bgc_A371DF{background-color: #A371DF;}.bgc_FD996A{background-color: #FD996A;}.bgc_716AFD{background-color: #716AFD;}.bgc_EFF8FE{background-color: #EFF8FE;}.bgc_ED9F12{background-color: #ED9F12;}
.bgc_fff2{background-color: rgba(255,255,255,.2);}.bgc_F7FCFF{background-color: #F7FCFF;}

/* 宽度 */
.w40{width: 40px;}.w50{width: 50px;}.w200{width: 200px;}.w1200{width: 1200px;}
.ww45{width: 45%;}.ww50{width: 50%;}.ww100{width: 100%;}
.h40{height: 40px;}.h50{height: 50px;}.h430{height: 430px;}.h960{height: 960px;}
.hh100{height: 100%;}

.m_a{margin: 0 auto;}
.ml10{margin-left: 10px;}
.mr10{margin-right: 10px;}.mr20{margin-right: 20px;}.mr30{margin-right: 30px;}.mr48{margin-right: 48px;}.mr100{margin-right: 100px;}
.mb10{margin-bottom: 10px;}.mb15{margin-bottom: 15px;}.mb20{margin-bottom: 20px;}.mb30{margin-bottom: 30px;}.mb40{margin-bottom: 40px;}.mb44{margin-bottom: 44px;}.mb50{margin-bottom: 50px;}.mb60{margin-bottom: 60px;}.mb70{margin-bottom: 70px;}.mb90{margin-bottom: 90px;}.mb110{margin-bottom: 110px;}.mb150{margin-bottom: 150px;}
.mt50{margin-top: 50px;}.mt90{margin-top: 90px;}.mt100{margin-top: 100px;}.mt140{margin-top: 140px;}
.bdr2{border-radius: 2px;}.bdr4{border-radius: 4px;}.bdr100{border-radius: 100px;}

.pl10{padding-left: 10px;}.pl50{padding-left: 50px;}.pl70{padding-left: 70px;}.pl100{padding-left: 100px;}
.pr50{padding-right: 50px;}.pr70{padding-right: 70px;}.pr100{padding-right: 100px;}
.pt10{padding-top: 10px;}.pt30{padding-top: 30px;}.pt40{padding-top: 40px;}.pt55{padding-top: 55px;}.pt60{padding-top: 60px;}.pt90{padding-top: 90px;}.pt100{padding-top: 100px;}.pt110{padding-top: 110px;}
.pb10{padding-bottom: 10px;}.pb40{padding-bottom: 40px;}.pb60{padding-bottom: 60px;}.pb100{padding-bottom: 100px;}.pb150{padding-bottom: 150px;}

.dib{display: inline-block;}
.c_p{cursor: pointer;}

.positionR{position: relative;}
.none{display: none;}

.t_a_c{text-align: center;}

/* 间隔线 */
.rightLine{position: relative;}
.rightLine::after{content: '';position: absolute;right: -1px;top: 50%;transform: translateY(-50%);height: 50%;border-right: 1px solid #747A83;z-index: 20;}


/* 头部样式 */
.header{position: fixed;left: 0;top:0;right: 0;height: 56px;padding-top: 9px;z-index: 300;}
.header_logo img{border-radius: 100%;width: 32px;height: 32px;margin-right: 12px;}
.header_nav li:not(:last-child){margin-right: 73px;}
.header_nav li b:hover,.header_nav li b.active{color: #25C68A;position: relative;}
.header_nav li b:hover::after,.header_nav li b.active::after{content: '';width: 26px;position: absolute;left: 50%;bottom: -6px;transform: translateX(-50%);border-bottom: 2px solid #25C68A;}
.header_btn a{width: 72px;height: 30px;border-radius: 2px;}
.header_btn a:first-child{border: 1px solid #BFBFBF;margin-right: 13px;}
.header_list,.header_nav_close{display: none;}
/* 底部样式 */
.footer{background-color: #313340;height: 333px;}
.footer_qrcode{width: 147px;height: 147px;margin: 20px 0;}
.footer_btn{display: none;}
/* 申请使用样式 */
.try_use_logo_h5,.try_use_title_h5{display: none;}
.try_use_box{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1000;background-color: rgba(0,0,0,.5);display: none;}
.try_use_box form{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 507px;height: 650px;box-shadow: 0px 3px 16px 2px rgba(214, 214, 214, 0.5);border-radius: 8px;padding: 50px 70px 0 70px;}
.try_use_del{position: absolute;top: 14px;right: 18px;cursor: pointer;}
.try_use_title{font-size: 28px;font-weight: bold;color: #32384F;margin-bottom: 42px;}
.try_use_input{position: relative;}
.try_use_input img{position: absolute;top: 50%;left: 10px;transform: translateY(-50%);z-index: 100;}
.try_use_input input{padding-left: 34px;height: 40px;line-height: 40px;}
.try_use_input input:focus{border: 1px solid #409EFF;}
.try_use_btn{height: 48px;background: #409EFF;border-radius: 4px;font-size: 18px;font-weight: bold;cursor: pointer;}
.try_use_box .layui-form-select dl dd.layui-this{background: #409EFF;}
.try_use_box .layui-input:hover,.try_use_box .layui-input:focus{border-color: #409EFF !important;}
.try_use_code{width: 100px;height: 40px;text-align: center;line-height: 40px;color: white;font-size: 14px;background-color: #409EFF;border-radius: 2px;cursor: pointer;}
.try_use_code.disabled{background-color: #A1CDFF;}
.try_use_tip{font-size: 14px;color: #889EAF;margin-top: 47px;}
.captchaBox{padding: 30px;}
.try_use_success img{margin: 0 auto;}
.try_use_success p{text-align: center;color: #0F3866;font-size: 24px;margin-bottom: 20px;}
.logo{width: 32px;height: 32px;border-radius: 100px;margin-right: 12px;}
.mask{display: none;}
@media screen and (max-width: 770px) {
  html,body{max-width:initial;min-width: initial;}
  body{padding-bottom: 50px;padding-top: 45px !important;}
  .w1200{width: 100%;}
  .h960 {height: initial;}
  /* 头部 */
  .header{padding: 6px 12px;height: 45px;background-color: white;}
  .header_logo{padding-left:12px;}
  .header_logo b{color:#333;}
  .header_nav{position: fixed;background-color: white;top: 0;right: -158px;bottom: 0;z-index: 201;width:158px;display: block;padding-top: 20px;transition: right 0.5s;}
  .header_nav.active{right: 0;}
  .header_nav li{width: 100%;padding-left: 33px;margin-top: 20px;}
  .header_nav li b{color: #333333;}
  .header_nav li b:hover::after, .header_nav li b.active::after{width: 0 !important;}
  .mask.active{display: block;content:'';position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 200;}
  .header_btn{display: none;}
  .header_list,.header_nav_close{display: block;}
  .header_nav_close{position: absolute;right: 13px;top: 13px;}
  /* 底部 */
  .footer{height: initial !important;padding: 30px 12px 0px;position: relative;}
  .footer_qrcode{width: 60px;height: 60px;}
  .footer h3{font-size: 14px;margin-bottom: 18px;}
  .footer p,.footer p span,.footer p a{font-size: 12px;}
  .footer p{margin-bottom: 10px;}
  .footer div.w1200 div:last-child{position: absolute;top: 10px;right: 20px;}
  .footer div.w1200 div:last-child p{display: none;}
  .footer_btn{display: flex !important;position: fixed;left: 0;right: 0;bottom: 0;z-index: 100;}
  /* 申请试用 */
  .try_use_tip{margin-top: 20px;font-size: 12px;}
  .try_use_title{display: none;}
  .try_use_logo_h5,.try_use_title_h5{display: flex;}
  .try_use_box form{width: 90% !important;height: 550px !important;padding: 50px 30px 0 30px !important;}
  .try_use_success p{font-size: 16px !important;}
  .banner_text .mb10{margin-bottom: 3px;}
  .banner_text .mb40{margin-bottom: 14px;}
  .banner_text .ft56{font-size: 16px;}
  .banner_text .ft40,.banner_text .ft24{font-size: 12px;}
  .banner_text .pl50{padding:3px 15px;}
  .banner_btn {margin-top: 15px !important;width: 130px !important;height: 30px !important;}
  .role_box{padding-top: 24px;}
  .role_box .ft48{font-size: 16px;margin-bottom: 7px;}
  .role_box .ft28{font-size: 12px;}
  .role_box .mb90{margin-bottom: 30px;}
  .role_list li{width: 45px !important;height: 45px !important;}
  .role_box .w1200{padding: 0 12px;}
  .role_box .dfca{justify-content: space-between;}
  .role_list::after{border:2px solid #FDCE6B}
  .role_content{margin-top: 40px !important;height: 160px !important;}
  .role_left{width: 100% !important;background-color: white !important;height: initial !important;padding: 0 !important;}
  .role_left .mb44 {margin-bottom: 20px;justify-content: center;}
  .role_left .mb44 span{color:#333;font-size: 16px;font-weight: bold;justify-content: center;position: relative;}
  .role_left .mb44 span::after{content: '';position: absolute;width:80%;height: 3px;background-color: #25C68A;bottom: -10px;left: 50%;transform: translateX(-50%);}
  .role_left b{display: none;}
  .role_subText{display: flex;justify-content: center;align-items: center;margin-bottom: 20px;}
  .role_subText div{color: #666666;font-size: 12px;padding-left: 0;margin: 0 5px;}
  .role_right {position: initial !important;margin: 0 !important;width: 100% !important;}
  .user_text{display: none;}
  .user_icon{display: flex !important;}
  .role_list li div{border-color:rgba(0, 0, 0, 0) !important;}
  .role_list li.active div{border: 2px dashed #FFFFFF !important;}
  .role_list li.active{transform: scale(1.1);}
  .fun_box .ft48{font-size: 16px;margin-bottom: 26px;}
  .fun_box .pt110{padding-top: 33px;}
  .fun_box{padding: 0 12px 40px;}
  .fun_list img,.fun_content img.ani{display: none;}
  .fun_list li{height: 40px !important;}
  .fun_list li p{font-size: 12px;}
  .fun_list li.active::before{border-left: 7px solid transparent !important;border-right: 7px solid transparent !important;border-top: 10px solid #25C68A !important;bottom: -7px !important;}
  .fun_content{height: 280px !important;}
  .fun_content li{padding: 0 18px 60px !important;}
  .fun_content li>div{width: 100%;}
  .fun_content li b{font-size: 14px;}
  .fun_content li span.bdr4{position: absolute;bottom: 28px;font-size: 12px;padding: 5px 30px;}
  .fun_content li img.w50{width:28px;margin-bottom: 6px;}
  .fun_content li p.c_343434{font-size: 12px;}
  .fun_content .ft20 {font-size: 12px;}
  .fun_content .mb30 {margin-bottom: 20px;}
  .fun_content .dfcs{justify-content: space-between !important;}
  .fun_icon {width: 80px !important;height: 80px !important;margin: 0 !important;}
  .trait_list {display: block;padding: 30px 12px 0 12px;height: initial !important;}
  .trait_list li{width: 100% !important;height: initial !important;margin-bottom: 30px;}
  .trait_list li .ani{display: flex;justify-content: start;align-items: center;}
  .trait_top{background-color: #4CB2FF;background-image: none !important;width: 94px;height: 110px !important;flex-direction: column;}
  .trait_top img.trait_icon{display: none;}
  .trait_top img.trait_icon_h5{width: 30px;display: block;margin-bottom: 10px;}
  .trait_top div p:last-child{display: none;}
  .trait_list li:first-child .trait_top {background-color: #CC82EA;background-image: none !important;}
  .trait_list li:last-child .trait_top {background-color: #98E14C;background-image: none !important;}
  .trait_bottom{margin: 0 0 0 15px;padding: 0 !important;height: initial !important;flex: 1;}
  .trait_bottom p{font-size: 12px;line-height: 20px !important;}
  .industry_box{padding-top: 27px !important;}
  .industry_box .ft48 {font-size: 16px !important;margin-bottom: 7px !important;}
  .industry_box .ft28 {font-size: 12px !important;margin-bottom: 27px !important;}
  .industry_list{overflow-x: auto;height: initial !important;}
  .industry_list ul{width: 734px;padding: 0 12px;overflow: hidden;}
  .industry_list li{width: 226px !important;padding: 15px 13px 0 13px !important;height: 300px !important;margin-right: 16px !important;}
  .industry_list li:nth-child(3n) {margin-right: 0 !important;}
  .industry_list h3{font-size: 14px;margin: 16px 0 7px !important;}
  .industry_list p{font-size: 12px;line-height: 20px !important;}
  .tag_center{font-size: 12px;line-height: 20px;flex: 1;padding-top:10px !important;padding: 0 10px;}
  .user_box {height: initial !important;padding: 30px 15px 40px 15px;background-size: cover;}
  .user_box img{width: 30px;margin-right: 10px;}
  .user_box .pl100{padding:0 10px;margin-top: 20px;}
  .user_box .pl100 p.mb15{margin-bottom: 4px;}
  .user_box .pl100 p{font-size: 12px;}
  .user_tag{width: 20px !important;height: 35px !important;}
  .left_tag {clip-path: polygon(5px 0 ,15px 0,10px 15px,20px 15px,20px 35px,0px 35px,0 15px,5px 0) !important;}
  .tag_left{padding-bottom: 50px !important;}
  .tag_right{padding-top: 36px !important;}
  .store_box>div{padding: 40px 12px 50px;}
  .store_box .ft48 {font-size: 16px;margin-bottom: 40px;}
  .store_imgs img{width: 70px;margin-right: 23px !important;margin-bottom: 10px !important;}
  .store_imgs img:nth-child(4n){margin-right: 0 !important;}
  
  .product .banner{height: 187px;position: relative;}
  .product .banner .hh100{height: inherit !important;justify-content: start;padding-left: 50px;}
  .product .banner .ft56{font-size: 16px;}
  .product .banner .mb10{margin-bottom: 3px;}
  .product .banner .ft40{font-size: 12px;}
  .product .banner .mb40{margin-bottom: 12px;}
  .product .banner .bdr100{font-size: 12px;padding: 5px 10px;}
  .product .banner .banner_btn {font-size: 12px;}
  .product .banner img{position: absolute;right: 17px;top: 50%;transform: translateY(-50%);}
  .product .boxItem.pt90{padding-top: 40px;}
  .product .ft48 {font-size: 16px;}
  .product .dfss {flex-direction: column-reverse;margin-top: 18px !important;}
  .product .pt110{padding-top: 0px !important;width: 100%;padding: 0 50px;font-size: 12px;line-height: 20px;text-align: center;margin-bottom: 30px;}
  .product .boxItem.bgc_F7FCFF .dfss {flex-direction: column;}
  .product .boxItem .flex1.t_a_c{padding: 0 30px;margin: 0;}
  .product .boxItem .flex1.t_a_c img{width: 100%;}
  .triangle_icon{width: 180px;top: 50px !important;}
  .triangle_icon.left{left: 15px !important;}
  .triangle_icon.right{right: 15px !important;}
  .triangle_icon.left.h5,.triangle_icon.right.h5{top: 150px !important;}
  .product .boxItem .mb40.ft16{font-size: 12px !important;}
  .triangle_label{background-color: white;font-size: 12px;}
  .device_box .pt90 {padding: 0;}
  .device_box .ft48  {font-size: 16px !important;margin-bottom: 0;padding: 40px 0 30px 0 !important;}
  .device_list {flex-direction: column;padding: 0 12px;}
  .device_list>div{width: 100% !important;border-radius: 7px;margin-bottom: 30px;padding: 30px 40px !important;height: initial !important;}
  .about .ft64{font-size: 16px;margin-bottom: 3px;}
  .about .ft48 {font-size: 12px;}
  .about .banner_text{display: flex;flex-direction: column;align-items: center;justify-content: center;width: 200px !important;height: 70px !important;margin: -35px 0 0 -100px !important;padding: 0 !important;}
  .about .dfss {flex-direction: column;height: initial !important;padding:36px 0 !important ;}
  .about .title  {display: none;}
  .about .content {padding: 0 18px 36px !important;}
  .about .mb44 {margin-bottom: 36px !important;font-size: 16px !important;text-align: center;}
  .about p{font-size: 12px;}
  .about .mb30{margin-bottom: 20px;}
  .about .about1{display: none;}
  .about .about1_h5{display: block;}
  .about .tip div{font-size: 12px;width: 100%;left: 0;top: 50%;margin: 0;line-height: 25px;text-align: left;transform: translateY(-50%);padding: 0 35px;}
  .about .w200{font-size: 16px;width: 100%;text-align: center;margin-bottom: 40px;}
  .about .mb30.dfcb{display: block;overflow: hidden;}
  .about .mb30.dfcb>div{float: left;width: 60%;display: flex;justify-content: start;align-items: flex-start;}
  .about .mb30.dfcb>div img{margin-right: 10px;}
  .about .mb30.dfcb>div:first-child{width: 40%;}
  .about .mb30.dfcb>div:last-child{width: 100%;}
  .about .map{height: 170px;}
}