body{background: #fff;}

/** 首页 */

/*导航部分*/
.nav{width: 100%; height: 3vw; box-shadow: 0 3px 3px 0 #5d5a5a; background: #FFF; position: fixed; left: 0; top: 0; z-index: 999; transition: 0.3s}
.nav:hover{background: #fff !important;}
.nav:hover a{color: #000 !important;}
.nav li:hover a{color: #5d5a5a !important;}
.layui-nav-child{
  width: 100px;
  text-align: center;
  top: 3vw;
  line-height: 2vw;
}
.nav .layui-nav-child{width: auto;padding: 0 1vw;}
.nav-logo img{width: 10.5vw;}
.nav:hover .layui-nav-more{border-top-color: #000;}
.nav li:hover .layui-nav-more{border-top-color: rgba(255,255,255,.7);}
.nav li:hover .layui-nav-mored{border-color:transparent transparent #5d5a5a;}
.nav.index{background: rgba(255, 255, 255 ,0.8); box-shadow: 0 0 0 0 rgba(0,0,0,0.05);}
.nav.scroll{ background: #FFF; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05); transition: 0.3s}
.nav.black-nav{background: #fff !important;}
.nav.black-nav .layui-nav-more{border-top-color: #000;}
.nav.black-nav a{color: #000 !important;}
.nav .layui-container{position: relative; transition: all 400ms ease-out;}
.nav .nav-logo{height: 100%; position: absolute; top: 0; left: 15px; line-height: 3vw;}
.nav .nav-list{display: inline-block; height: 3vw;}
.nav .nav-list button{width: 25px; height: 30px; position: absolute; top: 20px; right: 15px; background-color: transparent; border: none; outline: none; cursor: pointer;}
.nav .nav-list button span{display: block; width: 25px; height: 2px; background: #5d5a5a; margin-bottom: 6px; transition: 0.5s;}
.nav .nav-list button span.spa1{transform: rotate(45deg);}
.nav .nav-list button span.spa3{transform: rotate(-45deg) translate(5px,-5px);}
.nav .layui-nav{width: 100%; position: absolute; top: 3vw; right: 0; color: #000; background: transparent;}
.nav .layui-nav .layui-nav-item{display: block; line-height: 3vw;}
.nav .layui-nav *{font-size: 0.85vw;color:#fff}
.nav .layui-nav .layui-nav-item a{padding: 0 0; color: #fff;}
.nav .layui-nav-bar,
.nav .layui-nav .layui-this:after{height: 2px; background-color: #5d5a5a;}
.nav .layui-nav .layui-this a
,.nav .layui-nav .layui-nav-item a:hover{color: #5d5a5a;}

/*轮播*/
.banner{position: relative;}
.banner .no-index-banner-text{width:100%; position: absolute;padding-top: -0.1vw;opacity: 0; top: 0%;text-align: left;font-size: 2.5vw;color: #fff;}
.banner .no-index-banner-text.active{padding-top: 2.3vw;opacity: 1;top: 40%; transition: 1.5s;animation: fadeInOut 1.5s;}
#banner img,.banner img{width: 100%; height: 27vw;}
#banner .panel{
  width: 100%;
  position: absolute;
  left: 20%;
  text-align: center;}
#banner .panel p{color: white; font-size: 1vw;text-align: left;margin-bottom: 1vw;}
#banner .panel p.title{font-size: 2vw;}
.layui-this .panel{padding-top: -0.1vw;opacity: 0; top: 0%;}
.layui-this .panel.active{padding-top: 2.3vw;opacity: 1;top: 25%; transition: 1.5s;animation: fadeInOut 1.5s;}


/*四个图片*/
.main-product{padding: 1.1vw 0;}
.main-product p{font-size: 1.1vw; color: #ababab;}
.main-product p.title
,.main-service p.title{color: #484848; font-size: 1.7vw; text-align: center; padding: 1.6vw 0;
  padding-bottom: 0.8vw;}
.main-service p.title.margin-t-b{margin-bottom: 0.9vw;}
.main-product p.title span
,.main-service p.title span{color: #5d5a5a;}
.main-product .content{text-align: center; transition: 0.3s;position: relative;}
.main-product .content .text{position: absolute; top: 0;left: 0;width: 100%;height: 100%;display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;}
.main-product .content .text .text-img{width: 30%;}
.main-product .content .text p{color: #fff;margin-top: 1.5vw;}
.main-product .content p.label{font-size: 18px; color: #939393; line-height: 46px; padding-top: 6px;}
.main-product .content a{font-size: 18px; color: #a1d8cb; line-height: 68px;}
.main-product .content:hover{box-shadow: 0px 0px 8px 5px #bababa; transition: 0.3s;}
.main-product .content img{width: 100%;}
.main-product .product-item-box{display: flex;align-items: center;justify-content: center;}
.main-product .product-item{width: 20% !important;margin: 1vw 0.1vw;}

/*解决方案*/
.main-service{background: rgb(242, 249, 253);padding-bottom: 1.5vw;}
.main-service .title-min{font-size: 1.2vw;
  color: #afabab;
  text-align: center;}
.main-service .title-min-text{font-size: 1vw;
    color: #afabab;
    text-align: center;}
.main-service .title-min-text .blue{color: #6dabe4;}
.main-service .service-content{margin: 1.5vw 0;display: flex;
  flex-wrap: wrap;}
.main-service .service-content .item{width: 33.33%;box-sizing: border-box;
  text-align: center;display: flex;flex-direction: column; align-items: center;justify-content: center;}
  .main-service .service-content .item:hover{background-color: white;}
.main-service .service-content .item img{width: 25%;margin: 1.2vw;}
.main-service .service-content .item p{font-size: 1.1vw;margin-bottom: 1.2vw;color: #afabab;}
.main-service .service-content .b-r-b{
  border-right: 2px solid #CDD0DA;
  border-bottom: 2px solid #CDD0DA;
}
.main-service .service-content .b-b{
  border-bottom: 2px solid #CDD0DA;
}
.main-service .service-content .b-r{
  border-right: 2px solid #CDD0DA;

}

.solve-scene{width: 100%;}
.solve-scene .solve-title{font-size: 1.1vw; margin-top: 2vw;margin-bottom: 1vw; margin-left: 0.1vw;color: #000;}
.solve-scene .scene-img{width: 100%;display: flex;flex-wrap: wrap;}
.solve-scene .scene-img .scene-item{text-align: center; width:25%;box-sizing: border-box;padding: 0.1vw;}
.solve-scene .scene-img .scene-item img{width:100%;margin: 0.1vw 0;}
.solve-scene .scene-img .scene-item p{font-size: 0.8vw;color: #000;}
.solve-scene #solveAdvantage p{
  font-size: 0.9vw;
    display: flex;
    align-items: center;
    color: #707070;
    line-height: 1.5vw;
}
.solve-scene #solveAdvantage .dot{width: 0.2vw;
  background-color: #707070;
  height: 0.2vw;
  border-radius: 50%;
  margin: 0 0.4vw;}

/* 新闻动态 */
.index-main-news{margin-top: 3vw;}
.index-main-news .news-content{display: flex;margin-bottom: 4vw;}
.index-main-news .news-content .left-box {width: 54%;}
.index-main-news .news-content .right-box {    padding-left: 6%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  width: 40%;}
  .index-main-news .news-content .right-box .border-t-b{
    border-top: 1px solid #CDD0DA;
    border-bottom: 1px solid #CDD0DA;
  }
  .index-main-news .news-content .right-box .new-item{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
.index-main-news .news-content .left-content{display: flex;align-items: center;width: 100%;}
.index-main-news .news-content .left-title .left-content .ellipsis-box{flex: 1;
  color: #afabab;
  padding-left: 2vw;
  border-left: 1px solid #afabab;
  margin-left: 1vw;}
  .index-main-news .news-content .left-content .ellipsis-box{flex: 1;
    color: #afabab;
    margin-left: 1vw;}
    .index-main-news .news-content .left-content .ellipsis-box .ellipsis-text{font-size: 0.9vw !important;color: #000;
      margin-bottom: 0.26vw;}
  .index-main-news .news-content .left-content .ellipsis-box .ellipsis{font-size: 0.8vw;line-height: 1.1vw;}
.index-main-news .news-content .left-content .l .title{font-size: 1.3vw;color: #000;margin: 0 0 0.2vw 0;}
.index-main-news .news-content .left-content .l .text{font-size: 0.9vw;color: #afabab;}
.index-main-news .news-content .big-img{width: 100%;}
.index-main-news .news-content .title-l{font-size: 0.9vw;margin: 1vw 0 0.5vw 0;}
.index-main-news .title{margin: 1vw 0;color: #afabab;font-size: 1.1vw;}
.index-main-news .title .t{color: #000;font-size: 1.2vw;margin-bottom: 0.2vw;}

/* 合作伙伴 */
.main-cooperation{
  padding: 3vw 0;
}
.main-cooperation .title{font-size: 1.6vw;text-align: center;margin-top:2vw;margin-bottom: 0.5vw;}
.main-cooperation .title-min{font-size: 1vw;text-align: center;color: #afabab;}
.main-cooperation .list{display: flex;align-items: center;flex-wrap: wrap;}
  .main-cooperation .list .div-box{width: 20%; padding: 0.1vw 0.5vw;box-sizing: border-box;margin-top: 1.5vw;}
.main-cooperation .list .div-box .div{display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;}
.main-cooperation .list div img{width: 100%;}

.main-cooperation .news-list{
  flex: 1;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 2vw;
}
.main-cooperation .news-list .news-item{width: 32.2%;
  background-color: #f5f5f5; margin: 0.5vw 0;}
.main-cooperation .news-list .news-item img{width: 100%;}
.main-cooperation .news-list .news-item .news-title{ margin: 1vw 1.7vw 0.4vw 1.3vw;
  font-size: 0.9vw;
  line-height: 1.2vw;
  letter-spacing: 0.6px;
height: 2.5vw;}
.main-cooperation .news-list .news-item .news-time{margin-left: 1.3vw;font-size: 0.7vw;line-height: 0.8vw;color: #a5aaa9;margin-bottom: 1vw;}


/*底部*/
.footer{padding: 1vw 6vw;padding-bottom: 1.5vw; background: #1e1e20;color: #fff;font-size: 0.75vw;color: #afabab;text-align: left;}
.footer .layui-container2{display: flex;justify-content: space-between;}
.footer .footer-left .footer-left-div .title{font-size: 0.86vw;margin: 1vw 0;color: white;}
.footer .footer-left .footer-left-div p{margin: 0.2vw 0;}
.footer .footer-left .footer-left-div p a{color: #afabab;}
.footer .footer-left{width:40%;display: flex;justify-content: space-between;}
.footer .layui-form-item{display: flex;flex-direction: column;margin-bottom: 0;}
.footer .layui-form-item .layui-form-label{line-height: 1vw;text-align: left;padding: 0;color: #fff;margin-top: 0.5vw ;width: auto;}
.footer .layui-form-item .layui-input-block{margin: 0;min-height: 1.5vw;}
.footer .two .layui-form-item{width: 48%;}
.footer .layui-form-item .layui-input-block input,.layui-textarea{border: none;background-color: #2c2c2e;color: #fff;height: 1.5vw;}
.footer .layui-form .row{display: flex;justify-content: space-between;}
.footer .layui-form .row .textarea{width: 100%;}
.footer .layui-form .row .textarea textarea{resize: none;min-height: 4vw;padding: 0;padding-left: 0.2vw;}
.footer .footer-center{width: 22%;padding: 0 3%;}
.footer .footer-center .layui-btn{width: 100%;  font-size: 0.75vw;  height: 2vw;margin-top: 0.5vw;
  line-height: 2vw;
  background-color: #676b6e;}
  .footer .footer-right{width: 24%;}
  .footer .footer-right{display: flex;}
  .footer .footer-right .qcode{    width: 5.5vw;
    padding: 1vw;}
  .footer .footer-right .qcode img{width: 100%;}
  .footer .footer-right .text .title{font-size: 0.86vw;margin: 1vw 0;color: white;}
  .footer .footer-right p{margin: 0.2vw 0;}




/** 产品 */
.main-product .layui-container{display: flex;}
.main-product .layui-container .product-left{height: fit-content;padding-bottom: 2vw;margin-top:2vw;font-size: 0.8vw; width: 18%;display: flex;flex-direction: column;background-color: #f7f8fa;}
.main-product .layui-container .product-right{padding-bottom: 2vw;margin-top:2vw;font-size: 0.8vw; display: flex;flex-direction: column;}
.main-product .layui-container .product-left p{padding-left: 0.7vw;}
.main-product .layui-container .product-left .product-title{    color: #fff;
  font-size: 1.2vw;
  background-color: #d7d7d7;
  padding: 0.5vw 0.7vw;}
.main-product .layui-container .product-left .product-title-min{font-size: 1vw;margin: 1vw 0;color: #000;padding-left: 0.7vw;}
.main-product .layui-container .product-left .product-text{font-size: 0.9vw;margin: 0.2vw 0;}
.main-product .layui-container .product-right{flex: 1;padding-left: 4vw;}
.main-product .layui-container .product-right .product-title{font-size: 1.1vw;color: #000;margin-bottom: 1vw;}
.main-product .layui-container .product-right .product-text{text-indent: 2em;font-size: 0.9vw;line-height: 1.4vw;color: #707070;}
.main-product .layui-container .product-right .big-img{width: 100%;margin: 1.5vw 0;}
.main-product .layui-container .product-right .product-info{display: flex;flex-wrap: wrap;}
.main-product .layui-container .product-right .product-info .info-img{    width: 50%;
  background-color: #f6f7f9;
  box-sizing: border-box;
  display: flex;
    align-items: center;
    justify-content: center}
.main-product .layui-container .product-right .product-info .info-img img{width: 90%;}
.main-product .layui-container .product-right .product-info .solve-img img{width: 100%;}
.main-product .layui-container .product-right .product-info .info-text{width: 50%;
  padding: 1vw 2vw;
  line-height: 1.8vw;
  box-sizing: border-box;}
  .main-product .layui-container .product-right .product-info .info-text p{font-size: 0.9vw;display: flex;align-items: center;color: #707070;}
  .main-product .layui-container .product-right .product-info .info-text p span{    width: 0.2vw;
    background-color: #707070;
    height: 0.2vw;
    border-radius: 50%;
    margin: 0 0.4vw;}
.main-product .layui-container .product-right .product-info .info-text .info-title{color: #000;font-size: 1.2vw !important;  margin-top: 1vw;   margin-bottom: 0.2vw;}






/* 公司介绍 */
.main-case .box{width: 100%;position: relative;margin: 5vw 0;}
.main-case .ming-case-item{position: relative;}
.main-case .ming-case-item span{position: absolute;top: 2vw;color: #fff; font-size: 2vw;right: 2vw;}
.main-case .box .box-text{width: 70%;
  background-color: #4774b6;
  padding: 3vw;
  color: #fff;
  font-size: 0.85vw;
  padding-right: 20%;
  box-sizing: border-box;}
  .main-case .box .box-text .title{font-size: 1.6vw;}
  .main-case .box .box-text .lang-text{text-indent:2em;line-height: 1.2vw;}
  .main-case .box .box-text .title-text{margin-bottom: 1.3vw;}
  .main-case .box-img{position: absolute;
    top: 0;
    right: 0;
    width: 46%;
    height: 88%;
    z-index: 100;}
    .main-case .box-img img{width: 100%;height: 100%;}


/* 新闻 */
.news-main{display: flex;}
.news-main .tab{width: 10%;margin-top: 2vw;}
.news-main .tab .tab-item{cursor: pointer; font-size: 0.9vw;border-bottom: 1px solid #ccc;display: flex;
  align-items: center;height: 3vw;}
.news-main .tab .tab-item p{padding-left: 0.6vw;}
.news-main .tab .tab-item.tab-active p{border-left: 0.24vw solid #4774b6;}

/*动态详情页*/
.main-newsdate{margin-top: 60px; text-align: center;}
.main-newsdate .news{text-align: left; line-height: 104px;}
.main-newsdate h1{padding-top: 6px;}
.main-newsdate .pushtime{color: #686868; font-size: 18px; line-height: 82px;}
.main-newsdate .introTop{padding-bottom: 28px; font-size: 18px; line-height: 20px; text-align: left;}
.main-newsdate .introBott{font-size: 18px; line-height: 42px; text-align: justify; padding: 40px 0 102px 0;}
.main-newsdate img{max-width: 100%;}


/** 案例 */
.main-case{display: flex;flex-direction: column;align-items: center;}
.main-case img{width: 100%;margin: 1vw 0; }


/** 关于 */
.main-about{margin: 4vw;text-align: center;}
.main-about .title{font-size: 1.6vw;color: #000;margin-bottom: 1vw;}
.main-about img{width: 100%;margin-top: 3vw;}
.main-about .title-min{font-size: 1vw;color: #afabab;line-height: 1.8vw;}


@media screen and (max-width: 767px){
  #Nav{overflow: hidden;background: #fff !important;}
  #Nav a{color: #000 !important;}
  .nav{height: 60px;}
  .layui-nav-child{top: 60px;}
  .banner-box{margin-top: 60px;}
  .banner{margin-top: 60px;}
  .layui-nav-child{line-height: 30px;}
  .nav .nav-logo{line-height: 60px;}
.nav .nav-list{ height: 60px;}
.nav .layui-nav{top: 60px;}
.nav .layui-nav .layui-nav-item{line-height: 60px;}
.nav-logo img{height: 50px;width: auto;}
.nav .layui-nav *{font-size: 14px;color: #000;}
  .main-service .content .content-right{padding: 10px 10px 0 10px;}
  .main-service .content .content-right p{line-height: 24px;}
  .main-case .content{padding-top: 60px;}
  .main-case .content p.lable{padding-top: 10px; font-size: 18px; line-height: 48px;}
  .main-case .content p{font-size: 12px; line-height: 20px; color: #505050;}
  .main-news #newsPage .layui-laypage a,.main-news #newsPage .layui-laypage span
  ,.main-case #casePage .layui-laypage a,.main-case #casePage .layui-laypage span{padding: 0 12px; font-size: 14px; line-height: 30px; height: 30px; margin-right: 4px;}
}

::-webkit-scrollbar { /*滚动条整体样式*/
  width: 6px !important; /*高宽分别对应横竖滚动条的尺寸*/
  height: 6px !important;
  background: #fff !important;
  cursor: pointer !important;
 
}
 
::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
  width: 0;
  border-radius: 5px !important;
  -webkit-box-shadow: inset 0 0 5px rgba(240, 240, 240, .5) !important;
  border: 3px solid #d6d8dc;
  cursor: pointer !important;
}
 
::-webkit-scrollbar-track { /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(240, 240, 240, .5) !important;
  border-radius: 0 !important;
  background: rgba(240, 240, 240, 0.5) !important;
  cursor: pointer !important;
}

/*小屏幕*/
@media screen and (min-width: 768px){
  .nav{max-height: 3vw;}
  .nav.index{background: rgba(255, 255, 255 ,0);}
  .nav .nav-list button{display: none;}
  .nav .layui-nav{width: auto; position: absolute; top: 0; padding: 0 5px; border-radius: 0; margin: 0;}
  .nav .layui-nav .layui-nav-item{display: inline-block; margin:0 2vw; line-height: 3vw;}
  .main-product p.title{padding: 1.6vw 0;
    padding-bottom: 0.8vw;}
  .main.product .content .content-img{text-align: left;}
  .main-news .content .news-panel strong a{font-size: 20px; line-height: 30px;}
  .main-news .content .news-panel p.read-push{padding-top: 0; position: absolute; bottom: 40px;}
  .main-newsdate .pushtime{line-height: 142px;}
  .main-case .content{width: 45%;}
  .main-case .content.even{margin-left: 9%;}
}
@media screen and (min-width: 768px) and (max-width: 992px){
  .main.product .content div.right{padding-left: 20px;}
  .nav .layui-nav .layui-nav-item{margin:0 1.5vw;}
  .main-service .content .content-right{padding: 10px 10px 0 15px;}
  .main-service .content .content-right span{margin-bottom: 20px;}
  .main-service .content .content-right p{line-height: 28px;}
  .main.product .content .label{line-height: 40px; margin-top: 0;}
  .main.product .content .detail{padding-bottom: 10px;}
}
/*大屏幕*/
@media screen and (min-width: 992px){
  .main.product .content{padding: 100px 0;}
  .main.product .content div.right{padding-left: 0;}
  .main-news .content .news-img{width: 20%;}
  .main-news .content .news-panel{width: 80%;}
  .main-case .content{width: 31%;}
  .main-case .content.even{margin-left: 0;}
  .main-case .content.center{margin-right: 3%; margin-left: 3%;}
}
/*超大屏幕*/
@media screen and (min-width: 1200px) {
  .main-news .content .news-img{width: 35%;}
  .main-news .content .news-panel{width: 65%;}
  .main-news .content:nth-child(odd){padding-right: 20px;}
  .main-news .content:nth-child(even){padding-left: 20px;}
}
@media screen and (min-width: 1300px) {
  .layui-container{width: 1200px; padding: 0;}
  #banner .panel{width: 1200px;}
  .main-about .tabJob .content:last-child{margin-bottom: 160px;}
  .nav .nav-logo{position: absolute; top: 0; left: 0;}
  .layui-col-space80{margin: -40px;}
  .layui-col-space80>*{padding: 40px;}
}

@media screen and (min-width: 1920px) {
  .layui-container{width: 1300px; padding: 0;}
  #banner .panel{width: 1300px;}
}

@media screen and (min-width: 2400px) {
  .layui-container{width: 1500px; padding: 0;}
  #banner .panel{width: 1500px;}
}

@media screen and (min-width: 2800px) {
  .layui-container{width: 1800px; padding: 0;}
  #banner .panel{width: 1800px;}
}

/* 淡入淡出 */
@keyframes fadeInOut {
  0% {opacity: 0;}
  50% {opacity: 0.5;}
  100% {opacity: 1;}

}

.ellipsis{
  white-space: nowrap; /* 文本不换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 溢出内容显示为省略号 */
}

#newsPage{text-align: center;}
#newsPage .layui-laypage{margin:0.1vw 0}
#newsPage .layui-laypage a,#newsPage .layui-laypage span {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.6vw;
  height: 1.5vw;
  line-height: 1.5vw;
  margin:1vw 00.2vw;
  background-color: #fff;
  color: #333;
  font-size: 0.9vw;
  border-radius: 2px;
}