/* 关于我们 */
.abouttop{margin: 160px 0;}
.abouttop .slide{width: 100%;height: 600px;position: relative;}
.about .slide{padding: 50px;background: #f6f7fa;}
.about .slide .aboutus h3,.history h3{font-size: 26px;margin-bottom: 30px;}
.about .slide .aboutus p{font-size: 16px; font-weight: 300;line-height: 30px;margin-bottom: 20px;}
.aboutdata{border-top: 1px solid #edeff2;padding: 40px 20px 0 20px;margin: 40px 0;}
.aboutdata p{font-size: 14px;font-weight: 300;}
.aboutdata h4{font-size: 70px;font-weight: 700;line-height: 100px;}
.aboutdata h4 em{font-size: 14px;color: #929292;font-weight: 300;}
.aboutdata h4 p{display:inline}
.history {padding: 100px 0;background-image: url(/template/assets/img/bg.jpg);margin-top: 100px; background-size: cover;}
.history .historybox {height: 550px;width: 100%;}
.history .historybox .history-cont{flex: 8;}
.history .historybox .history-cont .swiper-slide{    
    display: flex;
    align-items: center;border-left: 1px solid #bfbfbf; width: 100%;}
    
.history .historybox .swiper-slide-thumb-active>div {border-left: 3px solid red;padding-left: 30px;left: -2px;}
    .history .historybox .history-right {height: 100%;flex: 2;}
.history .historybox .history-right .swiper-wrapper{

    align-items: center;
    
}
.history .historybox .history-right .swiper-slide{
    height: 80px ; width: 100%;  display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.history .historybox .history-right .swiper-slide span{font-size: 16px;font-weight: 700;}
.history .historybox .history-right .swiper-slide-active span{font-size: 30px;color: red;}
.history .historybox .history-right .swiper-button-next{
    bottom: -10px;
    top:auto
}
.history .historybox .history-right .swiper-button-prev{
  top:10px
}
.history .historybox .history-right .swiper-button-prev:after, .history .historybox .history-right .swiper-button-next:after{transform:rotate(90deg);}
.history .historybox .history-right .swiper-button-prev, .history .historybox .history-right .swiper-button-next{
    width: 100%;
    left: auto;
    right: auto;
}
/*历史进程新*/
.history .history-box .hisitem{display:flex;justify-content : flex-start;padding:30px 20px; margin:10px 0;background:#ffffffbd;align-items: center;padding-bottom:30px;font-weight:300}
.history .history-box .hisitem .title{font-size:24px;font-weight:bold;padding-right:20px}
/* 解决方案 */

.topbanner{width: 100%;height: 300px;position: relative;margin-top: 64px;}
.topbanner .imgslide{
    height: 100%;
}
.topbanner .imgslide img{width: 100%;transition: transform 1s ease;}
.topbanner:hover img{transform: scale(1.2);
    transition: all 1s ease;}
.sol-top{
    margin: 100px 0;
}
.sol-top .soltitle h2 {
    font-size: 32px;}
.sol-top .soltitle p{font-weight: 300;margin-top: 20px;color: #3b3b3b;}
.sol-top .solitemwrap {width: 100%;height: 100%; margin:40px 0 60px 0 ;}
.sol-top .solitemwrap .item{height: 400px;position: relative;flex-basis:23%}
.sol-top .solitemwrap .item .title{height: 120px;background: linear-gradient( #ffffff00,#0303034d); bottom: 0;top: auto;display: flex;justify-content: flex-start; align-items: flex-start}
.sol-top .solitemwrap .item .title .titbox{display: flex;padding: 10px;overflow: hidden;flex-direction: column;gap: 10px;}
.sol-top .solitemwrap .item .title h3{color: #fff;}
.sol-top .solitemwrap .item .title p{color: #fff;font-weight: 300;    font-size: 12px;}

.sol-fun {padding: 100px 0;background: #fff;}
.sol-fun .funtit .title {display: flex;justify-content: center;width: 100%;}
.sol-fun .funtit .title h3{padding: 0 20px;color: #918d8d;font-size: 32px;font-weight: 500;cursor: pointer;}
.sol-fun .funtit .title h3.active{color: #3b3b3b;font-weight: bold;}
.sol-fun .funcont .item{display: none;}
.sol-fun .funcont .item.active{display: block;}
.sol-fun .funcont .cont{margin: 20px 0;}
.sol-fun .funcont .img {height: 500px;width: 100%;}
.sol-fun .funcont .img img {width: 100%;}
.sol-pro{padding: 50px 0 100px 0;}
.sol-pro h2{width: 100%;text-align: center;font-size: 32px;margin-bottom: 40px;}

/* 产品列表 */
.pro-title {margin: 100px 0 60px 0;border-bottom: 1px solid #e3e3e3;}
.pro-title .title{height: 100px;width: 100%;display: flex;justify-content: center;}
.pro-title .title .item a{display: flex;width: 200px;overflow: hidden;flex-direction: column;justify-content: space-between;align-items: center;}
.pro-title .title .item img{height: 60px;}
.pro-title .title .item h3{font-size: 12px;height: 34px;}
.pro-title .title .active h3{border-bottom: 2px solid #ff0000;}
.probox .proitem{display: flex;flex-wrap: wrap;gap: 20px;}
.probox .proitem .item{height: 460px;background: #fff;padding: 20px 20PX 40PX 20PX;flex:0 1 calc(25% - 20px);box-sizing: border-box;}
.probox .proitem .item .img {width: 100%; aspect-ratio: 1 / 1}
.probox .proitem .item .img img {width: 100%;transition: transform 1s ease;}
.probox .proitem .item a:hover img{transform: scale(1.2);
    transition: all 1s ease;}
.probox .proitem .item h3{font-size: 24px;font-weight: 800;margin: 20px 0 10px 0;}
.probox .proitem .item p{font-size: 14px;font-weight: 300;text-align: center;}
.pro-cont{margin-bottom: 100px;}

/* 产品属性 */
.specs_title{    
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 50px;padding: 100px 0;}
.specs_title h3{
 font-size: 30px;
}
.specs{
    border-top: 1px solid #e3e3e3;
    display: flex;
    padding: 50px 0;
}
.specs .title{flex: 2;}
.specs .title h2{font-size: 24px;}
.specs .specs_cont{flex: 8;}
.specs .specs_cont p{font-size: 16px;font-weight: 300;}
.specs .specs_cont p b{
    font-size: 16px;
    font-weight: 800;
    color: #000;
    display: flex;
}
/* 新闻中心 */
.news-list{margin: 100px 0;}
.newsitem{display: flex;flex-wrap: wrap;gap: 20px;}
.newsitem .item{background: #fff;width:calc(33.33% - 20px);}
.newsitem .item .img { height: 300px;overflow: hidden;border-radius: 1rem 1rem 0 0;    width: 100%;display: flex;justify-content: center;}
.newsitem .item .img img {height: 100%; transition: transform 1s ease; }
.newsitem .item a:hover img{transform: scale(1.2);
    transition: all 1s ease;}
.newsitem .item .title{height: 140px;padding: 20px;box-sizing: border-box;overflow: hidden;}
.newsitem .item .title h3{margin-bottom: 10px;}
.newsitem .item .bot{height: 60px;display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #e3e3e3;padding: 0 20px;}
.newsitem .item .bot>div {color: #b1b1b1;}
.news-cont{margin: 20px 0 50px 0;}
.contbox .title h1{width: 100%;text-align: center;font-size: 30px;}
.contbox .title p{width: 100%;text-align: center;font-size: 14px;color: #b1b1b1;font-weight: 300;margin-top: 10px;}
.contbox .cont{margin-top: 20px;background: #fff;border-radius: 1rem;padding: 30px;}
.contbox .cont p{margin-bottom: 10px;}

/* 联系我们 */
.contact-box{margin: 180px 0 100px 0;}
.contact-box .contwrap {width: 100%;position: relative;height: 688px;}
.contact-box .contwrap .map{width: 100%;height: auto;}
.contact-box .contwrap .map>div{width: 100%;height: 688px;border-radius: 1rem;}
.contact-box .imap-box p{margin-top: 10px;font-weight: 300;}
.contact-box .contwrap .cont-list{justify-content: right;pointer-events: none;}
.contact-box .contwrap .contbox{background: #fff;border-radius: 1rem;width: 300px;height: 350px;margin-right: 60px;pointer-events:auto;}
.contact-box .contwrap .contbox .clogo img{margin-bottom: 20px;max-height: 40px;}
.contact-box .cont{display: flex;
    justify-content: space-around;
    margin-top: 80px;}
.contact-box .cont .list .tit{margin-bottom:20px}
.contact-box .cont .list .txt p{font-size:14px;font-weight:300}

/* 帮助中心 */
.searchtop{height: 500px;}
.searchtop .content h1{font-size: 36px;margin-bottom: 20px;}
.searchtop .content .search{position: relative;}
.searchtop .content .search img{position: absolute;left: 16px; top:16px; width: 24px;}
.searchtop .content .search input{padding: 20px 20px 20px 52px;width: 600px;height: 56px;border-radius: 30px; border: none;box-sizing: border-box;}
.help-list {margin: 50px 0;}
.help-list>div{background: #fff;padding: 40px;}
.help-list .helptitle h2{font-size: 28px;width: 100%;text-align: center;}
.help-list .helptitle p{font-size: 16px;width: 100%;text-align: center;font-weight: 300;margin: 10px 0 20px 0;}
.help-list .helpitem {display: flex;flex-wrap: wrap;gap: 20px;}
.help-list .helpitem .item{background: #fff;width:calc(20% - 20px);}
.help-list .helpitem .img { overflow: hidden;background:#F9F9F9; width: 100%;aspect-ratio: 1 / 1;display: flex;justify-content: center;padding: 30px;box-sizing: border-box;}
.help-list .helpitem .img .imgbox{width: 100%;height: 100%;display: flex}
.help-list .helpitem .img img{width: 100%;height: 100%;}
.help-list .helpitem .item a:hover img{transform: scale(1.2); transition: all 1s ease;}
.help-list .helpitem .title h3{font-size: 16px;
    font-weight: 600;
    text-align: center;
    line-height: 52px;}

/* 帮助中心详情 */
.help-cont {margin: 140px 0 100px 0;}
.help-cont .contbox .radius{padding: 20px;background: #fff;}
.help-cont .contbox{display: flex;justify-content: space-between;gap: 20px;}
.help-cont .contbox .left{width: 20%;}
.help-cont .contbox .left .leftbox h2{text-align: center;font-size: 28px;margin-bottom: 20px;}
.help-cont .left .title .item .tit{display: flex;justify-content: space-between;height: 40px;align-items: center;cursor: pointer;}
.help-cont .left .title .item .tit h3{font-size: 16px;}
.help-cont .left .title .item .tit img{width: 24px;height: 24px;transform:rotate(-90deg);}
.help-cont .left .title .item.active img{transform:rotate(0deg);}
.help-cont .left .title .item .navtit{display: none;}
.help-cont .left .title .item.active .navtit{display: block;}
.help-cont .left .title .item .navtit h4 {margin:10px 0 10px 8px; }
.help-cont .left .title .item .navtit h4 a{font-size: 14px;font-weight: 300;color:#3b3b3b;line-height: 16px;}
.help-cont .left .title .item .navtit h4 a.active,.help-cont .left .title .item .navtit h4 a:hover{color: red;}
.help-cont .contbox .right{width: 76%;}
.help-cont .contbox .right .tit h3{text-align: center;font-size: 30px;}
.help-cont .contbox .right .rightcont {padding: 20px;}
.help-cont .contbox .right .rightcont p{margin-bottom: 10px;}

/* 搜索 */
.searchitem .list a{display: flex;margin-bottom:20px;align-items: center;}
.searchitem .list a  span{flex:1;display:flex;background:#f1f6ff;color:#575656;font-size:14px;font-weight:600;padding:10px;margin-right:30px;align-items: center;justify-content:center;border-radius: 5px;}
.searchitem .list a .title{flex: 9;font-size: 14px;font-weight: 300;line-height: 25px;}


/* APP下载 */
.appdown {height: 100vh;margin-top: 64px;}
.topbanner.appdown .imgslide {width: 100%;height: 100vh;}
.topbanner:hover .store img{transform:none}
.appdown .cont-tit h2{margin: 20px 0;color: #e1e1e1;}

/* 售后服务 */
.serhead{margin: 140px 0 50px 0;}
.serhead .headbox{background: #fff;position: relative;height: 270px;width: 100%;align-items: flex-start;padding-left: 50px;box-sizing: border-box;}
.serhead .headbox h2{font-size: 24px;
    font-weight: 700;
    margin-bottom: 8px;}
    .serhead .headbox p{font-size: 14px;    font-weight: 400;
        color: #898a8e;}
.serhead .headbox .img{position: absolute;bottom: 0;right: 10%;}
.serhead .headbox .img img{height: 260px;}
.sercont .serbox{background: #fff;padding: 40px;margin-bottom: 100px;}
.sercont .serbox p{margin-bottom: 10px;}

/* 产品 */

.pro-top {
    height: 56px;  
    border-bottom: 1px solid rgba(237, 239, 242, 0.4);  
    border-top: 1px solid rgba(237, 239, 242, 0.4);
  }
  
  .pro-top .wrap {
    display: flex;  
    justify-content: space-between;  
    align-items: center;
  }
  
  .pro-top {
    height: 56px;  
    border-bottom: 1px solid rgba(237, 239, 242, 0.4);  
    border-top: 1px solid rgba(237, 239, 242, 0.4);
  }
  
  .pro-top .wrap {
    display: flex;  
    justify-content: space-between;  
    align-items: center;  
    height: 100%;
  }
  
  .pro-top h3 {
    font-weight: 400;
  }
  
  .pro-top a {
    color: #0f0f0f;
    margin-left: 20px;
  }
  
  .pro-top .active {
    font-weight: bold;
    color: #000;
  }
  .pro-top .shop{
          height: 36px;
    padding: 0 24px 0 22px;
    border-radius: 50px;
    background: linear-gradient(93.18deg, #ff2000 11.46%, #ee00287a 91.33%);
    color: #fff;
    display: flex
;
    align-items: center;
    font-weight: 700;
    font-size: 12px;
  }
  
  .pro video {
    width: 100%;
  }
  
  .pro .item {
    overflow: hidden;
    width: 100%;  
    height: 100vh;
  }
  .pro-img{
    width: 100%;
    height: 40vw;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
  .pro-img .wrap{
    width: 100%;
    height: 100%;
  }
  .pro-img .box{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    gap:30px;
  }
  .pro-img .box .img{
    width: 100%;
    display: flex;
    justify-content: center;  
  }
  .pro-img .box .img img{
    max-width: 30%;
  }
  .pro-img .box .tit{
    font-size: 30px;
    font-weight: 700;
    text-shadow: 1px 1px 2px #000;
    color: #fff;
  }
  .pro-img .box .des{
    font-size: 18px;
    font-weight: 300;
    text-shadow: 1px 1px 2px #000;
    color: #fff;
  }
  .pro-list .list{
    display: flex;
    width: 100%;
    gap: 20px;
    margin: 50px 0;
  }
  .pro-list .list>div{
    overflow: hidden;
    width: 20%;
    aspect-ratio: 3 / 4;
    cursor: pointer;
    border-radius:20px
  }
  .popvideo img{
   max-width: 80%;
   max-height: 80%;
  }
  .pro-item .item-nav{
    display: flex;
    gap: 40px;
    margin-bottom: 10px;
  }
  .pro-item .item-nav>div{
    font-size: 20px;
    font-weight: 700;
    color: #a9a9a9;
    cursor: pointer;
  }
  .pro-item .item-nav .act{
    color: #000;
  }
  .pro-item .item-box{
    border-top: 1px solid;
    padding: 20px 0;
    width: 100%;
  }
  .pro-item .item-box>div{
    display: none;
  }
  .pro-item .item-box .act{
    display: block;
  }
  .pro-item .item-box img{
    max-width: 100%;
  }
  .pro-item .item-box .cs{
    line-height: 40px;
  }
  .pro-item .item-box .down-list{
    margin: 30px 0;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius:20px;
    border: 1px solid #a9a9a9;
  }
  .pro-item .item-box .down-list:hover{
    border: 1px solid red;
  }
  .pro-item .item-box .down-list>div{
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .pro-item .item-box .down-list h3{
    font-size: 16px;
  }
  .pro-item .item-box .down-list p{
    font-size: 14px;
    color:#a9a9a9 ;
    font-weight: 300;
  }
@media screen and (max-width: 1100px) {
    .abouttop,.contact-box,.serhead,.help-cont {
        margin: 100px 0 60px 0;}
    .about .slide{
            padding: 20px;
        }
    .aboutdata {
    border-top: 1px solid #edeff2;
    padding: 40px 0 0 0;
    margin: 40px 0;}
    .aboutdata h4{font-size: 40px;}
    .history h3{margin-left: 10px;}
    .newsitem{padding: 0 10px;}
    .newsitem .item{width: 100%;}
    .contact-box .contwrap .cont-list{align-items: flex-end;}
    .contact-box .contwrap .contbox{    height: 250px;        margin-bottom: 20px;}
    .contact-box .cont{
        flex-direction: column;
        text-align: center;
        gap: 30px;
      }
      .serhead .headbox .img{
        right: 0;
      }
      .serhead .headbox .img img{height: 180px;}
      .serhead .headbox p{width: 50%;}
      .searchtop .content .search input{
        width: 300px;
    }
    .help-list>div{padding: 40px 0;}
    .help-list .helpitem{justify-content: center;}
    .help-list .helpitem .item{
        width:calc(50% - 20px);
    }
    .help-cont .contbox{flex-direction: column-reverse;}
    .help-cont .contbox .left,.help-cont .contbox .right{width: 100%;box-sizing: border-box;}

    .sol-top .solitemwrap{flex-direction: column;
        gap: 20px;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .sol-top .solitemwrap .item{
        flex-basis:auto
    }
    .sol-fun .funtit .title{white-space: nowrap;       
        overflow-x: auto;     
        display: flex;  
    }
    .probox .proitem{flex-direction: column;}
    .pro-title .title{    justify-content: flex-start;
        white-space: nowrap;
        overflow-x: auto;}
        .pro-title .title .item a{width: 120PX;}
.pro-top, .pro-img, .pro-item ,.pro-list,.pro-title,.pro-cont,.abouttop,.history,.about{
    padding-left:  20PX;
    padding-right: 20PX;
}
.pro-img{
    height: 50vh;
}
.pro-list .list{
    gap: 10px;
    margin: 20px 0;
}
.pro-list .list>div{
    border-radius: 8px;
}
}