@charset "UTF-8";
.swiper-container .swiper-pagination{bottom: 0;display: none;}
.swiper-pagination .swiper-pagination-bullet{width: 24px;height: 5px;background: #333;opacity: 1;margin: 0 4px;border-radius: 5px;vertical-align:top;position:relative;transition: all .5s;}
.swiper-pagination .swiper-pagination-bullet-active{background: #f39800;}
.swiper-button-prev,.swiper-button-next{top: 50%;left: -5%;display: flex;text-align: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;color: #000;font-size: .4rem;width: .2rem;height: .3rem;margin: 0;background: none;transform: translateY(-50%);}
.swiper-button-next{left: auto;right: -5%;}
.swiper-button-prev.white,.swiper-button-next.white{color: #fff;}
.itit{position: absolute;top: 142px;left: 50%;width: 1920px;margin-left: -960px;color: #fff;text-align: center;padding: 0 26%;text-shadow: 2px 2px 0 #000;z-index: 9;}
.itit h3{font-size: 56px;font-weight: bold;line-height: initial;}
.itit span{display: block;font-size: 18px;font-weight: bold;margin-top: 3px;margin-bottom: 12px;}
.itit p{font-size: 18px;}
/*产品特点*/
.solution .index-head{margin: .25rem 0;}
.solution img{max-width: 100%;}
.solution li .txt{position: absolute;top: 0;left: 0;width: 30%;height: 100%;padding: 0 3%;display: flex;align-items: center;flex-wrap: wrap;color: #fff;transform: translateX(-200px);opacity: 0;transition: all .5s;}
.solution li .txt.fr{left: auto;right: 0;transform: translateX(200px);}
.solution li .txt h3{width: 100%;font-size: 32px;line-height: 1.5;margin-top: auto;margin-bottom: 30px;}
.solution li .txt p{width: 100%;font-size: 20px;line-height: 1.8;text-align: justify;margin-bottom: auto;opacity: .8;}
.solution li.swiper-slide.ani-slide .txt{transform: translateX(0);opacity: 1;}
.solution li img{max-width: 100%;}
@media (max-width: 1400px){
.solution li .txt{padding: 0 2%;}
.solution li .txt h3{font-size: 28px;}
.solution li .txt p{font-size: 16px;}}
.solution .swiper-pagination-bullets{left: auto;right: -20px;bottom: 2%;display: block;}
.solution .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;width: 11px;height: 11px;border: 1px solid #fff;background: none;}
.solution .swiper-pagination .swiper-pagination-bullet-active{background: #fff;}
/*行业应用*/
.solution_hy{padding: .4rem 0;line-height: 1;background: #000;}
.solution_hy .box{margin-top: .2rem;}
.solution_hy .swiper-slide .img{position: relative;width: 100%;overflow: hidden;}
.solution_hy .swiper-slide .img:after{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .3;transition: all .5s;}
.solution_hy .swiper-slide .img img{width: 100%;transition: all .5s;}
.solution_hy .swiper-slide .txt{position: absolute;left: 0;bottom: 0;width: 100%;padding: .15rem .1rem;color: #fff;}
.solution_hy .swiper-slide .txt h3{font-size: .12rem;font-weight: bold;}
.solution_hy .swiper-slide .txt span{display: inline-block;width: .45rem;height: .015rem;margin: .075rem 0;background: #fff;}
.solution_hy .swiper-slide .txt p{font-size: .07rem;line-height: .14rem;text-align: justify;height: .42rem;overflow: hidden;}
.solution_hy .swiper-slide:hover .img:after{opacity: .1;}
.solution_hy .swiper-slide:hover img {transform: scale(1.1);}
.solution_hy .swiper-container{padding-bottom: 0;}
.solution_hy .swiper-container .swiper-pagination{display: none;}
/*方案优势*/
.solution_ys{padding: .4rem 0;line-height: 1;}
.solution_ys ul{display: flex;flex-wrap: wrap;margin: -.075rem;padding-top: .2rem;}
.solution_ys ul li{width: calc( 100% / 3 - .15rem);margin: .075rem;background: #fff;box-shadow: 0 .04rem .04rem rgb(0 0 0 / 50%);}
.solution_ys ul li .img{width: 100%;overflow: hidden;}
.solution_ys ul li .img img{width: 100%;display: block;transition: all .5s;}
.solution_ys ul li .txt{padding: .125rem;}
.solution_ys ul li .txt h3{color: #212121;font-size: .09rem;}
.solution_ys ul li .txt p{color: #888888;font-size: .07rem;line-height: .13rem;margin-top: .08rem;}
.solution_ys ul li:hover img{transform: scale(1.1);}
/*精彩案例*/
.solution_case{position: relative;padding-top: .4rem;line-height: 1;background: #000;}
.solution_case *{transition: all .5s;}
.solution_case ul{max-width: 1920px;margin: auto;margin-top: .2rem;}
.solution_case ul li{position: relative;float: left;width: 200px;}
.solution_case ul li .img{height: 650px;}
.solution_case ul li .img img{width: 100%;height: 100%;object-fit: cover;}
.solution_case ul li .info1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;color: #fff;text-align: center;flex-direction: column;align-items: center;justify-content: center;background: linear-gradient(transparent, rgba(0,0,0,.8));}
.solution_case ul li .info1 h3{display: inline-block;overflow: hidden;width: 100%;font-size: 24px;font-weight: bold;vertical-align: middle;text-overflow: ellipsis;white-space: nowrap;word-wrap: break-word;}
.solution_case ul li .info1 span{font-size: 16px;margin-top: 10px;}
.solution_case ul li .info1 a{position: absolute;bottom: 15%;color: #fff;}
.solution_case ul li .info2{visibility:hidden;opacity:0;position: absolute;left:0;bottom:0;width: 100%;display: flex;justify-content: space-between;align-items: center;color: #fff;padding: .2rem .2rem;background: rgba(243,152,0,.8);}
.solution_case ul li .info2 .con{width:calc(100% - 150px)}
.solution_case ul li .info2 h3{display: inline-block;overflow: hidden;width: 100%;font-size: 24px;font-weight: bold;vertical-align: middle;text-overflow: ellipsis;white-space: nowrap;word-wrap: break-word;}
.solution_case ul li .info2 p{display: inline-block;overflow: hidden;width: 100%;vertical-align: middle;text-overflow: ellipsis;white-space: nowrap;word-wrap: break-word;margin-top: 5px;}
.solution_case ul li .info2 a{width:135px;line-height: 40px;color: #fff;text-align: center;border:1px solid #fff}
.solution_case ul li .info2 a:hover{color: #f39800;background:#fff}
.solution_case ul li.cur{width: calc(100% - 800px);}
.solution_case li.cur .info1{visibility:hidden;opacity:0}
.solution_case li.cur .info2{visibility:visible;opacity:1}