/*轮播开始*/
.bannerbox{position: relative;height: 520px;overflow: hidden;}
.bannerbox .banner1{width: 100%;height: 520px;background: url(../img/banner1.png) top center no-repeat;padding-top: 120px;box-sizing: border-box;    background-size: cover;background-position: 50%;}
.bannerbox .main{width: 1200px;margin: 0 auto;}
.bannerbox .prev{width: 56px;height: 56px;position: absolute;top: 0;bottom: 0;left: 20px;margin: auto;border-radius: 50%;cursor: pointer;opacity: 0;background-color: rgba(255,255,255,0.1);}
.bannerbox .prev img{display: block;margin: auto;position: absolute;left: 20px;top: 0;bottom: 0;}
.bannerbox .next{width: 56px;height: 56px;position: absolute;top: 0;bottom: 0;right: 20px;margin: auto;border-radius: 50%;cursor: pointer;opacity: 0;background-color: rgba(255,255,255,0.1);}
.bannerbox .next img{display: block;margin: auto;position: absolute;left: 24px;top: 0;bottom: 0;transform: rotate(180deg);}
/*.bannerbox .next{display: block;position: absolute;top: 0;bottom: 0;right: 20px;margin: auto;border-radius: 50%;cursor: pointer;opacity: 0;}
.bannerbox .prev{display: block;position: absolute;top: 0;bottom: 0;left: 20px;margin: auto;border-radius: 50%;cursor: pointer;opacity: 0;transform: rotate(180deg);}*/
.bannerbox:hover .prev{opacity: 1}
.bannerbox:hover .next{opacity: 1}
.bannerhd{position: absolute;bottom:80px;left: 0;width: 100%;}
.bannerhd ul{width: 100%;text-align: center;}
.bannerhd li{width:8px;height: 8px;display: inline-block;background-color: rgba(255,255,255,0.2);border-radius:4px;margin-right:4px;cursor:pointer}
.bannerhd .on{background-color: rgba(255,255,255,0.8);width:32px}
.banner1_div1{font-size: 40px;line-height: 50px;color: #fff;font-weight: 700;}
.banner1_div2{margin-top: 18px;font-size: 16px; width: 600px;line-height:30px;color: rgba(255, 255, 255, 0.8);}
.banner1 .btnbox{ display: flex; margin-top: 40px;}
.banner1 .btn1{margin-right:20px;color:#fff;background: #FF6900; text-align: center; width:108px;height:42px;border-radius:5px;line-height:42px;font-size:13px;}
.banner1 .btn2{color:#FF6900;border:1px solid #FF6900; text-align: center; width:108px;height:42px;border-radius:5px;line-height:42px;font-size:13px;}
/*轮播结束*/

/*轮播下方的tab*/
.bannertip{width:1200px;height:120px;position:relative;margin:20px auto;display:flex;align-items:center;justify-content:center}
.bannertip .item{display:flex;align-items:center;justify-content:center;background: linear-gradient(180deg, rgba(255, 220, 198, 0.256) 0%, rgba(255, 220, 198, 0.064) 100%);height:120px; margin-right:26px ;box-shadow: 0px 3px 9px 0px rgba(33, 58, 86, 0.1); }
.bannertip .item img{width:64px;height:64px}
.bannertip .item .right{display:flex;flex-direction:column;margin-left:10px}
.bannertip .item .right .t1{color:#191C3D;font-size:16px;height:30px;line-height:30px}
.bannertip .item .right .t2{color:#191C3D;opacity: 0.5;font-size:12px; line-height: 20px;}
/*轮播下方的tab 结束*/


/*功能展示*/
.contentbox2{width:100%;background:url('/static/index/img/img2.png');background-size:100% auto;padding-bottom:40px}
.contentbox2 .content{width:1200px;margin:0 auto;}
.contentbox2 .content .title{color:#000;font-size:32px;font-weight:bold;text-align:center;padding-top:60px}
.contentbox2 .content .desc{color: #525967;font-size:18px;text-align:center;height:30px;line-height:30px; margin-top: 20px;}
.contentbox2 .content .con1{width:100%;margin-top:60px;display:flex;flex-direction:column;justify-content: space-between;}
.contentbox2 .content .con1 .ti{width:100%;padding:0 24px; border-bottom:1px solid #E5EAF1;display:flex; justify-content: center; flex-wrap: wrap;}
.contentbox2 .content .con1 .ti .item_view{ margin-right: 20px;}
.contentbox2 .content .con1 .ti .item_view.on{ border-bottom: 3px solid #FF6900; }
.contentbox2 .content .con1 .ti .item{border: 1px solid #E0E2E6; font-size: 14px; color:#191C3D;font-size:18px;cursor:pointer;padding: 8px 0; margin-bottom: 10px; width: 104px; text-align: center;border-radius: 4px; }
.contentbox2 .content .con1 .ti .item_view.on .item{ background: linear-gradient(90deg, #FF6900 0%, #F64041 100%); color: #fff; border-bottom:2px solid #FF6900}
.contentbox2 .content .con1 .co{display:flex;padding:10px 20px 40px 20px;background: linear-gradient(90deg, rgba(255, 105, 0, 0.072) 0%, rgba(255, 105, 0, 0.0108) 100%); margin-top:20px ; border-radius: 24px;}
.contentbox2 .content .con1 .co .f1{display:flex;flex-direction:column;margin-top:20px;flex:1;}
.contentbox2 .content .con1 .co .f1 .t1{color: #141E31;font-size:24px;font-weight:bold;height:60px;line-height:60px;}
.contentbox2 .content .con1 .co .f1 .t2{color:#90919B;font-size:24px;line-height:24px;padding:0px 0; color: #FF6900; font-weight: bold; margin-bottom: 20px;}
.contentbox2 .content .con1 .co .f2{width:600px;height:400px;margin-top:20px;}
.contentbox2 .content .con1 .co .f2 img{ border-radius: 10px; width: 100%;}
.contentbox2 .jieshao .tbox{ position: relative; margin-top:20px;} 
.contentbox2 .jieshao .tbox .dian{ position: absolute; width: 6px; height: 6px; top:6px; opacity: 1;background: #141E31;}
.contentbox2 .jieshao .tbox .subtitle{ margin-left: 20px;font-size: 18px;color: #141E31;font-weight: bold;line-height: 25px;}
.contentbox2 .jieshao .tbox .subdesc{color: #525967; text-align: left; margin-left: 20px;line-height: 25px; }
/*功能展示*/


/*功能列表*/
.contentbox{width:100%;background:url('../img/gnbg.png') ;padding-bottom:60px}
.contentbox .content{width:1200px;margin:0 auto;}
.contentbox .content .title{color:#fff;font-size:32px;font-weight:bold;text-align:center;padding-top:60px}
.contentbox .content .desc{color: rgba(255, 255, 255, 0.7); margin-top: 20px; text-align: center;}
.contentbox .content .con1{width:100%;margin-top:60px;display:flex;justify-content: space-between; margin-bottom: 100px;}
.contentbox .content .con1 .left{border-radius: 12px 0px 0px 12px;background: linear-gradient(180deg, #F64041 0%, #FF6900 100%);height: 520px; padding:30px 18px; width: 228px; position: relative;}
.contentbox .content .con1 .t1{ color: #FFFFFF;font-size: 20px;}
.contentbox .content .con1 .desc2{ color: rgba(255, 255, 255, 0.9);font-size: 14px; margin-top: 15px;}
.contentbox .content .con1 .border{ border: 1px solid rgba(255, 255, 255, 0.2); margin: 40px 0;}
.contentbox .content .con1 .item{color: rgba(255, 255, 255, 0.7); font-size: 14px; margin-bottom: 34px; }
.contentbox .content .con1 .item img{ vertical-align: middle; margin-right: 10px; margin-top: -2px; }
.contentbox .content .con1 .btn{ border: 1px solid #FFFFFF;border-radius: 4px;width: 104px;height: 38px; line-height: 38px; text-align: center;color: #FFFFFF;font-size: 14px; position: absolute; bottom: 42px;}
.contentbox .content .right{ width: 984px; display: flex; flex-wrap: wrap;}
.contentbox .content .right .item2{ width: 240px;background: linear-gradient(321deg, #2F3237 0%, #3E4148 100%); padding-left: 25px; padding-top: 25px;} 
.contentbox .content .gntitle{ display: flex; align-items: center;}
.contentbox .content .gntitle .t1{ font-size: 16px;  }
.contentbox .content .gntitle img{ margin-right: 20px;}
.contentbox .content .textbox{ display: flex; flex-wrap: wrap;}
.contentbox .content .textbox .t2{ padding: 5px 12px; font-size: 12px;color: rgba(255, 255, 255, 0.8);border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 2px; margin-right: 25px; margin-top: 20px; cursor: pointer;}
.contentbox .content .textbox .t2:nth-child(2n){ margin-right: 0;}
.contentbox .content .textbox .t2:hover{background: rgba(255, 255, 255, 0.1);}
/*功能列表结束*/

/*硬件组合开始*/
.contentbox3{width:100%;}
.contentbox3 .content{width:1200px;margin:0 auto;}
.contentbox3 .content .title{color:#000;font-size:32px;font-weight:bold;text-align:center;padding-top:60px}
.contentbox3 .content .desc{color:#666;font-size:16px;text-align:center;height:30px;line-height:30px; margin-top: 10px; }
.contentbox3 .content .con1{width:100%;margin-top: 40px;}
.contentbox3 .content .con1.mobile-only{ display: none;}

.contentbox3 .content .con1 .itembox1{ display: flex;}
.contentbox3 .content .con1 .itembox1 .item{background: #ECECEC;  display: flex; justify-content: center; flex-direction: column; align-items: center; margin-right: 15px; padding:0 35px}
.contentbox3 .content .con1 .itembox1 .item:last-child{ margin-right: 0;}
.contentbox3 .content .con1 .itembox1 .item .img{ display: flex;  align-items: center; width: 320px; height: 280px; justify-content: center;}
.contentbox3 .content .con1 .itembox1 .item .img img{ width:100%;height:100%}
.contentbox3 .content .con1 .itembox1 .item .title2{ color: #16181A;font-size: 16px;}
.contentbox3 .content .con1 .itembox1 .item .desc2{ text-align: center; color: #525967;font-size: 14px; margin-top: 21px; margin-bottom: 30px; padding: 0 20px;}
.contentbox3 .content .con1 .itembox2{ display: flex; margin-top: 15px;}
.contentbox3 .content .con1 .itembox2 .item{background: #ECECEC;  display: flex; justify-content: center; flex-direction: column; align-items: center; margin-right: 15px;}
.contentbox3 .content .con1 .itembox2 .item:last-child{ margin-right: 0;}
.contentbox3 .content .con1 .itembox2 .item .img{ display: flex;  align-items: center; width: 228px; height: 210px; justify-content: center;}
.contentbox3 .content .con1 .itembox2 .item .title2{ color: #16181A;font-size: 16px;}
.contentbox3 .content .con1 .itembox2 .item .desc2{ text-align: center; color: #525967;font-size: 14px; margin-top: 21px; margin-bottom: 30px; padding: 0 20px;}
/*硬件组合结束*/


/*来自客户的真实声音*/
.contentbox4{width:100%;background: linear-gradient(0deg, #ECECEC 0%, rgba(236, 236, 236, 0.4) 100%); margin-top: 70px;display: flex; flex-direction: column;}
.contentbox4 .content{width:1200px;margin:0 auto;}
.contentbox4 .content .title{color:#000;font-size:32px;font-weight:bold;text-align:center;padding-top:60px}
.contentbox4 .content .desc{color:#666;font-size:16px;text-align:center;height:30px;line-height:30px;}
.contentbox4  .con1{width:100%;margin-top:60px;display:flex;margin-bottom:50px}
.contentbox4  .con1 .suggest-container{width: 380px; height: 356px; border: 1px solid #EAEAEA;border-radius: 16px;background: #FFFFFF; padding: 30px; position: relative; margin-bottom: 60px; margin-right:30px ;}
.suggest-container .suggest-header{ display: flex; margin-top: 10px;}
.suggest-container .suggest-header .user-message{ display: flex; flex-direction: column;}
.suggest-container .suggest-header .user-message .username{font-size: 18px;color: #141E31;font-weight: weight; }
.suggest-container .suggest-header .user-message .user-intro{font-size: 14px; color: #989CB2;}
.suggest-container .user-avatar{ width: 48px; height: 48px; border-radius: 50%;}
.suggest-container .suggest-title{color: #141E31;font-size: 20px;font-weight: bold; margin-top: 30px; }
.suggest-container .suggest-content{ color: #525967;font-size: 14px;line-height: 24px; margin-top: 12px;}
.suggest-footer .text-link{ color: #FF6900;font-size: 14px; position: absolute; right: 32px; bottom:20px}
/*来自客户的真实声音*/

/*即刻体验开始*/
.bottomtip{width:100%;height: 272px;background:url('/static/index/img/tiyan.png');display:flex;align-items:center;justify-content:center; margin-top: 50px; flex-direction: column;}
.bottomtip .f1{font-size:40px;color:#fff;margin-right:50px}
.bottomtip .desc{ color: rgba(255, 255, 255, 0.75);font-size: 18px; margin: 24px 0;}
.bottomtip .btnbox{ display: flex; margin-top: 20px;}
.bottomtip .btn1{cursor:pointer;text-align:center;background:#fff;border-radius: 4px;color: #FF6900;font-size:16px;padding: 8px 24px;margin-right:10px;}
.bottomtip .btn2{cursor:pointer;padding: 8px 24px;text-align:center;border: 1px solid #FFFFFF;border-radius: 4px;color:#fff;font-size:16px;}
/*即刻体验结束*/

/*功能展示 开始*/
.hide{ display: none;}
.box3{  width: 100%;;  background: linear-gradient(0deg, #DDE7F9 0%, #FEFEFE 100%);}
.contentbox3{ width: 1200px; margin: 0 auto;  border-radius: 8px; padding-top:66px ;padding-bottom: 66px; }
.contentbox3  .title{color:#222;font-size:28px;text-align:center;}
.contentbox3  .desc{color:#222;font-size:16px;text-align:center;padding-top:20px}
.content3{ width: 100%; margin-top: 47px; background: #fff; box-shadow: 6px 10px 8px 0px rgba(18, 31, 53, 0.12);  height: 732px; }
.content3 .left{ width: 240px; align-items: center; text-align: center;padding-top: 32px; border-right: 1px solid #E5EAF1; border-radius: 0.5px;}
.content3 .left .tab{ height: 48px;line-height: 48px;}
.content3 .left .tab.on{ background: linear-gradient(90deg, #F2F9FF 0%, #DAEDFD 100%); color: #005CFF; border-right: 3px solid #005CFF;}
.content3 .right{ padding:20px;width: 960px; }
.content3 .right .img_box{ margin: 20px; flex-wrap: wrap; }
.content3 .right .img_box .img1{ margin-left: 50px; margin-bottom: 30px; }
.content3 .right .img_box .img1:first-child,.content3 .right .img_box .img1:nth-child(6){ margin-left: 25px;}
.content3 .right .img_box .img1 span{ margin-top: 10px; display: block; text-align: center; border-radius: 30px; background: #E8F0FF; color: #005CFF; line-height: 30px; font-size: 12px; padding: 3px 10px;}
/*功能展示 结束*/


/*下载*/
.downloadbox { width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; scroll-margin-top: 100px; scroll-padding-top: 100px;}
.downloadbox .item { width:20%; display: flex; flex-direction: column; align-items: center;  position: relative;}
.downloadbox .item .img{ width: 120px; height: 120px; background: #F7F8F8; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.downloadbox .item .iconfont{ font-size: 60px;} 
.downloadbox .item .t1{ margin-top: 20px; font-size: 14px;}
.downloadbox .item .img2{ width: 120px; height: 120px;  display: flex; align-items: center; justify-content: center;  opacity: 0;  visibility: hidden;  position: absolute; top: 0;  transition: all 0.3s ease;}
.downloadbox .item .img2 img{ width: 120px; height: 120px;}
.downloadbox .item .t2{  color: #C0C0C0; font-size: 12px;  opacity: 0;transition: all 0.4s ease;}
.downloadbox .item:hover .img2{    opacity: 1; visibility: visible;}
.downloadbox .item:hover .t2 {   opacity: 1;  visibility: visible;}
.downloadbox .item:hover .img{ opacity: 0; visibility: hidden;}
.downloadbox .item .img,
.downloadbox .item .t1{ font-size: 14px; transform: translateY(0); transition: all 0.3s ease;}
.downloadbox .item:hover .t1 {   transform: translateY(-5px); opacity: 1; }

/* 平板设备适配 (768px - 1024px) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .bannertip{ max-width: 900px;}
    .contentbox2 .content,.contentbox .content,.contentbox3,.contentbox3 .content{max-width: 900px; }
    .contentbox3 .content .con1 .itembox1 .item .img{ width: 220px; height: 160px;}
    .contentbox3 .content .con1 .itembox2 .item .img{ width: 220px; height: 180px;}
    .contentbox3 .content .con1 .itembox2 .item .img img{ width: 100%; height: 100%;}
    .downloadbox{max-width: 900px; }
}

/* 移动端适配 */
@media screen and (max-width: 768px) {
    /* 顶部导航 */
    .pc-only{ display: none;}
    .toptab {  height: auto; padding: 0;}
    .toptab .item{ margin-left: 0px;}
    .toptab .item a{ margin: 0;}
    .toptab .content.pc-only { display: none;}
    .toptab .logo img{ width: 150px; height: 50px;}
    .toptab .content.mobile-only { display: flex;}
    .toptab .content.mobile-only .reg{ width: 70px; height: 30px; margin-left: 0;}
    .toptab .content.mobile-only .login{ width: 70px; height: 30px; margin:0 10px;}
    /* banner区域 */
    .bannerbox {   height: 180px; }
    .bannerbox .banner1 {  height: 180px;  padding-top: 0; }
    .banner1 .main {  width: 100%;  padding: 15px; }
    .banner1_div1 { font-size: 15px; width: 60%; line-height: 40px;}
    .banner1_div2 { font-size: 12px; width: 56%;margin-top: 0px; line-height: 20px; color:#fff; }
    .banner1 .btnbox{ display: flex; margin-top: 15px;}
    .banner1 .btn1,  .banner1 .btn2{ width:80px;height:32px;line-height:32px;}
    /* 功能展示区 */
    .bannertip { padding:0 15px;width: 100%;  flex-wrap: wrap;margin-top: 10px;height: auto; }
    .bannertip .item {  width: 48.5%; margin: 0; padding:0  5px; height: 100px; margin-bottom: 10px;}
    .bannertip .item:nth-child(2n){ margin-left: 10px;}
    .bannertip .item img{ width: 50px; height: 50px;}
    .bannertip .item .right .t1{ font-size: 14px;}
    .bannertip .item .right .t2{ font-size: 10px; line-height: normal;}
    /* 内容区域 */
    .contentbox2{margin-top: 0px;}
    .contentbox3{ width: 100%; }
    .contentbox .content,
    .contentbox2 .content,
    .contentbox3 .content {  width: 100%; }
    .contentbox3 .content .con1 .itembox1 .item .img{ width: 50%;}

    .contentbox2{ padding-bottom: 10px;}
    .contentbox2 .content .con1 .co .f1.pc-only { display: none;}
    .contentbox2 .content .con1 .co .f2{ height: auto;}
    .contentbox2 .content .con1 .co{margin-top: 0;     padding: 10px;}

    .contentbox{ padding-bottom:0px;}
    .contentbox .content .title{ padding-top: 20px; font-size: 24px;}
    .contentbox .content .desc{ font-size: 12px;}
    .contentbox .content .con1 .left.pc-only{ display: none; }
    .contentbox .content .right .item2{ width: 50%; padding-left:10px;padding-bottom: 20px;}
    .contentbox .content .textbox .t2{ margin-right: 10px;}
    .contentbox .content .con1{ margin: 20px 0 0 0;}

    .contentbox2 .content .title{ padding-top: 0px; font-size: 16px;}
    .contentbox2 .content .desc{font-size: 12px; height: 40px; line-height: 40px; margin: 5px 0;}
    .contentbox .content .right{ width: 100%;}
    .contentbox2 .content .con1{ margin-top: 0;}
    .contentbox2 .content .con1 .ti {  padding:0 }
    .contentbox2 .content .con1 .ti .item {border: 1px solid #E0E2E6; font-size: 12px; color: #191C3D;  cursor: pointer;  padding: 8px 5px;margin-bottom: 10px;   text-align: center;  border-radius: 4px; width: 100%; }
    .contentbox2 .content .con1 .ti .item_view {margin-right: 10px;width: 20%; }

    /*软硬件组合*/
    .contentbox3{ padding: 0;}
    .contentbox3 .content .title{ padding-top: 20px; font-size: 24px;}
    .contentbox3 .content .desc{ font-size: 12px; padding-top: 0;}
    .contentbox3 .content .con1{ margin-top: 0;}
    .contentbox3 .content .con1.pc-only{ display: none;}
    .contentbox3 .content .con1.mobile-only{ display:flex;width: 100%;}
    .contentbox3 .content .con1 .itembox1{ display: flex; flex-wrap: wrap; justify-content: space-between;}
    .contentbox3 .content .con1 .itembox1  .item{ width: 48%; margin-bottom: 20px; padding: 0 10px;}
    .contentbox3 .content .con1 .itembox1  .item:nth-child(2n){ margin-right: 0px;}
    .contentbox3 .content .con1 .itembox1 .item .img{ width: 170px; height: 140px;}
    .contentbox3 .content .con1 .itembox1 .item .desc2{ padding:0}
    /* 下载区域 */
    .downloadbox {  width: 100%; padding: 15px; display: flex; flex-wrap: wrap; }
    .downloadbox .item {    width: 50%;   margin: 10px 0; }
    /* 标题文字 */
    .bottomtip{ margin-top: 0px; height: auto; padding: 20px 0;}
    .bottomtip .f1{ font-size: 26px; margin-right: 0;}
    .bottomtip .btn1.pc-only{ display: none}
    .bottomtip .btn1.mobile-only{ display: flex}
    .bottomtip .desc{ font-size: 12px;}

}