/* 关于我们 */
.abouttop{margin: 160px 0;}
.about{margin: 50px 0;}
.abouttop .slide{width: 100%;height: 600px;position: relative;}
.about .slide{padding: 50px;background: #f6f7fa;}
.aboutpage h3{font-size: 26px;margin-bottom: 30px;text-align: center;}
.about .slide .aboutus p{font-size: 16px; font-weight: 300;line-height: 30px;margin-bottom: 20px;font-family: 'MundialHair', sans-serif;}
.about .aboutus .about-content{display: flex;flex-direction: row;gap: 20px;}
.about .aboutus .about-content .img{width: 50%;}
.about .aboutus .about-content .img img{width: 100%;}
.about .aboutus .about-content .content{width: 50%;}
.aboutdata{border-top: 1px solid #edeff2;padding: 40px 20px 0 20px;margin-top: 40px;}
.aboutdata p{font-size: 14px;font-weight: 300;margin-bottom: 30PX;}
.aboutdata h4 span{font-size: 70px;font-weight: 700;font-family: 'MundialBold', sans-serif;}
.aboutdata h4 em{font-size: 14px;color: #929292;font-weight: 300;}
.aboutdata h4 p{display:inline}
.about-wedo .wedo-box{display: flex;gap: 20px;flex-wrap: wrap;}
.about-wedo .wedo-box .item{width: calc(25% - 20px);}
.about-wedo .wedo-box .item .img{width: 100%;aspect-ratio: 1 / 1;overflow: hidden;}
.about-wedo .wedo-box .item .img img{width: 100%;}
.about-wedo .wedo-box .item .title{font-size: 24px;font-weight: 700;margin: 20px 0;font-family: 'MundialBold', sans-serif;text-align: center;}
.about-wedo .wedo-box .item .des p{font-size: 16px;font-weight: 300;margin-bottom: 10px;line-height:25px}
.choose {padding: 50px 0;background-image: url(/template/assets/img/bg.jpg);margin-top: 100px; background-size: cover;}
.choose .choose-box{display: flex;gap: 20px;justify-content: center;align-items: flex-start;padding: 50px 0;flex-wrap: wrap;}
.choose .choose-box .item{width: calc(16.66% - 20px);display: flex;flex-direction: column;align-items: center;justify-content: flex-start;}
.choose .choose-box .item .img{width: 96px;height: 96px;overflow: hidden;border-radius: 48px;
  background-color: #fff;
  object-fit: contain;
  margin: auto;}
.choose .choose-box .item .img img{width: 100%;}
.choose .choose-box .item .title{font-size: 18px;font-weight: 700;margin: 20px 0;font-family: 'MundialBold', sans-serif;text-align: center;}
.choose .choose-box .item .des p{font-size: 14px;font-weight: 300;margin-bottom: 10px;text-align: center;}

/* 解决方案 */

.topbanner{width: 100%;height: 600px;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;font-family: 'MundialHair', sans-serif;}
.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;font-family: 'MundialHair', sans-serif;}

.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;font-family: 'MundialBold', sans-serif;}

/* 产品列表 */
.pro-min .wrap{display: flex;flex-direction: row;gap: 50px;padding: 100px 0 }
.pro-title {border-right: 1px solid #e3e3e3;width: 18%;}
.pro-title .title{width: 100%;display: flex;justify-content: center;flex-direction: column;gap: 20px;}
.pro-title .title .item a{display: flex;overflow: hidden;flex-direction: row;justify-content: space-between;align-items: center;}
.pro-title .title .item img{height: 60px;}
.pro-title .title .item h3{font-size: 15px;padding-left: 10px;font-family: 'MundialHair', sans-serif;}
.pro-title .title .active h3{border-left: 2px solid #000; color: #000;font-family: 'MundialBold', sans-serif;}
.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(33.33% - 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 .img img.one,.probox .proitem .item:hover .img img.two{display: block;}
.probox .proitem .item .img img.two,.probox .proitem .item:hover .img img.one{display: none;}
.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;font-family: 'MundialBold', sans-serif;}
.probox .proitem .item p{font-size: 14px;font-weight: 300;text-align: center;font-family: 'MundialHair', sans-serif;}
.pro-cont{width: 82%;}

/* 产品属性 */
.specs_title{    
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 50px;padding: 100px 0;}
.specs_title h3{
 font-size: 30px;
 font-family: 'MundialBold', sans-serif;
}
.specs{
    border-top: 1px solid #e3e3e3;
    display: flex;
    padding: 50px 0;
}
.specs .title{flex: 2;}
.specs .title h2{font-size: 24px;font-family: 'MundialBold', sans-serif;}
.specs .specs_cont{flex: 8;}
.specs .specs_cont p{font-size: 16px;font-weight: 300;font-family: 'MundialHair', sans-serif;}
.specs .specs_cont p b{
    font-size: 16px;
    font-weight: 800;
    color: #000;
    display: flex;
    font-family: 'MundialBold', sans-serif;
}
/* 新闻中心 */
.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{
    margin: 80px 0;
    padding: 20px;
    background: #fff;
}
  
/* 联系表单样式 */
.contact-box .cont form {
    width: 100%;
    margin: 0 auto;
}

.contact-box .cont .form-group {
    margin-bottom: 20px;
    width: 100%;
}

.contact-box .cont .form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
}

.contact-box .cont .form-group input,
.contact-box .cont .form-group textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: inherit;
}

.contact-box .cont .form-group textarea {
    height: 150px;
    resize: vertical;
}

.contact-box .cont .form-submit {
    text-align: center;
    margin-top: 30px;
}

.contact-box .cont .form-submit .btn {
    background-color: #26b9f5;
    color: white;
    border: none;
    padding: 12px 40px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.3s;
}

.contact-box .cont .form-submit .btn:hover {
    background-color: #1b9ad2;
}

@media screen and (min-width: 768px) {
    .contact-box .cont form {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .contact-box .cont .form-group:nth-child(5),
    .contact-box .cont .form-submit {
        grid-column: span 2;
    }
}

/* 帮助中心 */
.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;}

/* 产品 */
.proinfo .wrap{display: flex;flex-direction: column;gap: 50px;padding: 50px 0 }
.proinfo-title {width: 100%;}
.proinfo-title .title{width: 100%;display: flex;justify-content: center;flex-direction: row;gap: 10px;flex-wrap: wrap;}
.proinfo-title .title .item {display: flex; overflow: visible; flex-direction: row;justify-content: center;align-items: center;flex:1 1 auto;padding: 15px 5px;background-color: #ededed; cursor: pointer; transition: all 0.3s ease;}
.proinfo-title .title .item:hover {background-color: #b8b8b8;}
.proinfo-title .title .item img{height: 20px;}
.proinfo-title .title .item h3{font-size: 15px;padding-left: 6px;}
.proinfo-title .title .active, .proinfo-title .title .active:hover {background: #3b3b3b; position: relative;}
.proinfo-title .title .active h3{ color: #fff;}
.proinfo-title .title .active::after{
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  background: #3b3b3b;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.proinfo-box{
  width: 100%;
  padding: 0 0 30px 0;
  margin: 0 0 30px 0;
  border-bottom: 1px solid #e0e0e0;
}
.proinfo-box h2{font-size: 28px;}
.proinfo-box  img{
  max-width: 100%;
}
.proinfo-cont .img{width: 100%;font-size:20px;line-height:30px}
.proinfo-cont .img img{width: 100%;}
/* 产品信息提示区域布局 */
.proinfo-tips {
  display: flex;
  flex-direction: row;
  gap: 30px;
  width: 100%;
}

.proinfo-tips .imgs {
  flex: 1;
  width: 50%;
}

.proinfo-tips .feat {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.proinfo-tips .imgs img,
.proinfo-tips .feat img {
  width: 100%;
}

/* swiper 正方形样式 */
.proinfo-tips .imgs .swiper {
  width: 100%;
}

.proinfo-tips .imgs .swiper-slide {
  aspect-ratio: 1/1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f8f8f8;
}

.proinfo-tips .imgs .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.proinfo-box .box{
  width: 100%;
  padding-top: 30px;
}
.proinfo-box .box video{
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  display: block;
}
.proinfo-box.content h2,.proinfo-box.content h1,.proinfo-box.content h3,.proinfo-box.content h4,.proinfo-box.content h5,.proinfo-box.content h6{
    margin-bottom: 20px;
    font-size: 28px;
}
.proinfo-box.content table h1,.proinfo-box.content table h2,.proinfo-box.content table h3,.proinfo-box.content table h4,.proinfo-box.content table h5,.proinfo-box.content table h6{
    font-size: 14px;
    margin: 0;
}

/* 表格美化样式 */
.proinfo-box.content table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
    background: #fff;
    overflow: hidden;
}

.proinfo-box.content table thead {
    background: #3b3b3b;
}

.proinfo-box.content table thead th {
    color: #fff;
    padding: 15px ;
    text-align: center;
    font-weight: 600;
    font-size: 10px;
}

.proinfo-box.content table tbody tr {
    transition: all 0.3s ease;
}


.proinfo-box.content table tbody tr:nth-child(odd) {
    background-color: #e9e7e7;
}
.proinfo-box.content table tbody tr:first-child{
  background-color: #bbbfc1;
}
.proinfo-box.content table tbody tr:hover {
    background-color: #f1f6ff;
}

.proinfo-box.content table td {
    padding: 15px ;
    text-align: center;
    border-right: 3px solid #fff;
    font-weight: 300;
    font-size: 12px;
}
.proinfo-box.content table td font{
   font-size: 12px; 
}

.proinfo-box.content table th:last-child,
.proinfo-box.content table td:last-child {
    border-right: none;
}

/* 表格响应式 */
@media screen and (max-width: 768px) {
    .proinfo-box.content table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
    
    .proinfo-box.content table td,
    .proinfo-box.content table th {
        padding: 8px 10px;
    }
}

.proinfo-box.content .download{
  display: flex;
  flex-direction: row;
  gap: 30px;
}
.proinfo-box.content .download a{
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  padding: 20px 20px;
  background-color: #d7d7d8;
  color: #000;
  border-radius: 5px;
}
.proinfo-box.content .download a:hover{
  background-color: #b8b8b8;
}
.proinfo-box.content .download a i{
  color: #000;
}
.proinfo-box .tips-content{
  display: none;
}
.proinfo-box .tips-list{
  margin-bottom: 20px;
}
.proinfo-box .tips-list .tips{
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  padding: 20px 20px;
  background-color: #000000;
  cursor: pointer;
  transition: all 0.3s ease;
}
.proinfo-box .tips-list .tips:hover{
  background-color: #242424;
}
.proinfo-box .tips-list .tips>div {
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: center;
}
.proinfo-box .tips-list .tips>div i,.proinfo-box .tips-list .tips>div p{
  font-size: 20px;
  color: #fff;
}

/* 添加active类的样式 */
.proinfo-box .tips-list.active .tips{
  background-color: #242424;
}
.proinfo-box .tips-list.active .tips-title i:before {
  content: "\eaf5";
}
.proinfo-box .tips-list.active .tips-icon i{
  transform: rotate(90deg);
  transition: all 0.3s ease;
}

.proinfo-box .tips-list .tips-content{
  display: none;
  padding: 20px;
  background-color: #f8f8f8;
  border: 1px solid #e0e0e0;
  border-top: none;
}
/* 项目分类列表 */
.category-list {
  margin: 50px 0;
}

.category-list h1 {
  text-align: center;
  font-size: 34px;    
  margin-bottom: 40px;
  padding-bottom: 30px;
  border-bottom: 1px solid #edeff2;
}

.category-list .category-item {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.category-list .category-item a {
  padding: 20px 30px;
  background-color: #dcdcdc;
  text-align: center;
  transition: all 0.3s ease;
  flex: 0 1 150px;
  font-size: 16px;
  color: #333;
}

.category-list .category-item a:hover {
  background-color: #c5c5c5;
}

.category-list .category-item a.active {
  background-color: #222;
  color: #fff;
}
.project-list .project-item{
  gap:50px;
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.project-list .project-item .item{
  width: calc(50% - 25px);
  box-sizing: border-box;
  background-color: #f5f5f5;
  transition: all 0.3s ease;
}
.project-list .project-item .item:hover{
  background-color: #e1e1e1;
}
.project-list .project-item .item .img{
  width: 100%;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}
.project-list .project-item .item .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.project-list .project-item .item .titbox{
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 30px;
}
.project-list .project-item .item .titbox h3{
  font-size: 24px;
  font-weight: bold;
}
.project-list .project-item .item .titbox .tips{
  display: flex;
  gap:20px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
.project-list .project-item .item .titbox .more{
  width: 30%;
  height: 50px;
  background: #e3e3e3;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.project-list .project-item .item .titbox .more i{
  margin-left: 10px;
}
.project-list .project-item .item:hover .titbox .more{
  background: #a1a1a1;
}
.project-list .project-item .item:hover .titbox .more .icon-jiahao:before {
  content: "\eb03";
}
/* 项目详情 */
.project-cont{
  margin: 50px 0;
}
.project-cont .box .title{
  font-size: 56px;
  line-height: 56px;
  font-weight: 700;
  font-family: 'MundialBold', sans-serif;
  border-bottom: 1px solid #edeff2;
  margin-bottom: 40px;
  padding-bottom: 20px;
}
.project-cont .box .content{
  max-width: 100%;
}
.project-cont .box .tips{
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 20px 0;
}
.project-cont .box .tips .tips-item{
  font-size: 16px;
  line-height: 24px;
  color: #333;
}

.project-page{
  margin: 50px 0;
  border-top: 1px solid #edeff2;
  padding-top: 50px;
}
.project-page .box{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  gap: 20px;
}
.project-page .box .previous i{
  transform: rotate(180deg);
  display: inline-block;
}
.faq-list .faq-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.faq-list .faq-item .tips-list{
  width: 100%;
  border-top: 1px solid #edeff2;
  padding: 25px 0;
}
.faq-list .faq-item .tips-list .tips{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;  
}
.faq-list .faq-item .tips-list .tips h2{
  font-size: 20px;
}
.faq-list .faq-item .tips-list .tips i{
  font-size: 30px;
}
.faq-list .faq-item .tips-list.active .tips i{
  transform: rotate(90deg);
  display: block;
}
.faq-list .faq-item .tips-list .tips-content{
  padding-top: 20px;
  display: none;
}
.faq-list .faq-item .tips-list.active .tips-content{
  display: block;
}
.tech-list .tech-item{
  gap: 20px;
  width: 100%;
  flex-direction: column;
}
.tech-list .tech-item .item a{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 50px;
  padding-bottom: 50px;
}
.tech-list .tech-item .item .img{
  width: 30%;
  aspect-ratio: 5 / 3;
}
.tech-list .tech-item .item .img img{
  width: 100%;
}
.tech-list .tech-item .item .titbox{
  width: 70%;
}
.tech-list .tech-item .item .titbox h3{
  font-size: 20px;
}
.tech-list .tech-item .item .titbox .des{
  font-size: 16px;
  padding: 30px 0 60px 0;
}
.tech-list .tech-item .item .titbox .more{
  padding: 15px 30px;
  color: #000;
  border: 1px solid #000;
  border-radius: 5px;
  cursor: pointer;
  width: fit-content;
  transition: all 0.3s ease;
}
.tech-list .tech-item .item .titbox .more i{
  padding-left: 10px;
}
.tech-list .tech-item .item:hover .titbox .more{
  background-color: #000;
  color: #fff;
}
.tech-list .tech-item .item:hover .titbox .more i{  
  color: #fff;
}
.category-list.tech-detail h1{
 border-bottom:none;
}
.project-cont.tech-detail .box .title{
  border-bottom:none;
  border-top:1px solid #edeff2;
  padding-top: 50px;
}
.download-list .download-item{
  gap: 20px;
  width: 100%;
  flex-direction: column;
  padding-bottom: 50px;
}
.down-list{
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius:20px;
  border: 1px solid #a9a9a9;
}
.down-list:hover{
  border: 1px solid red;
}
.down-list>div{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.down-list h3{
  font-size: 16px;
}
.down-list p{
  font-size: 14px;
  color:#a9a9a9 ;
  font-weight: 300;
}
@media screen and (max-width: 1100px) {
  .topbanner{
    height: 300px;
  }
  .choose .choose-box .item{width: calc(50% - 20px);}
  /* 移动端产品信息提示区域布局 */
  .proinfo-tips {
    flex-direction: column;
  }
  
  .proinfo-tips .imgs,
  .proinfo-tips .feat {
    width: 100%;
  }
    .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;  
    }
    .pro-min .wrap{flex-direction: column;padding: 30px 0;}
    .pro-title,.pro-cont{width: 100%;}
    .probox .proitem{flex-direction: column;}
    .pro-title .title{    justify-content: flex-start;
      flex-direction: row;
      padding-bottom: 20px;
      flex-wrap: wrap;
      white-space: nowrap;
      overflow-x: visible;}
        .pro-title .title .item {flex: 1 1 auto;}
.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;
}


}

@media screen and (max-width: 1460px){
  .proinfo .wrap{padding: 50px 20px;}
}



@media screen and (max-width: 768px) {
  .about{margin:50px 0;padding: 0;}  
  .about .aboutus .about-content{flex-direction: column;}
  .about .aboutus .about-content .img,.about .aboutus .about-content .content{width: 100%;}
  .about .aboutdata .datawrap{flex-direction: column;}
  .about-wedo .wedo-box .item{width: 100%;}
  .choose .choose-box .item{width: calc(50% - 20px);}
  .category-list .category-item {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
  }
  
  .category-list .category-item a {
    flex: 1 1 calc(50% - 5px);
    padding: 10px 15px;
  }
  
  .category-list h1 {
    font-size: 28px;
    margin-bottom: 20px;
  }
  .project-list .project-item .item{
    width: 100%;
  }
  .project-list .project-item .item .titbox .more{
    width: 50%;
  }
  .tech-list .tech-item .item a{
    flex-direction: column;
  }
  .tech-list .tech-item .item .img,
  .tech-list .tech-item .item .titbox{
    width: 100%;
  }
  
}
.contact-box  .contact .contact-tit h3,.contact-box .contact .contact-tit p{
    color: #000;
}