﻿.leixing_title{}


.business-show{background: #f7f7f7;}

.business-box a{flex: 1;height: 3.5rem; perspective: 1000;transform-style: preserve-3d;}
.business-box dl{position: relative; transition: 0.6s; transform-style: preserve-3d; width: 100%; height: 100%;}
.business-box dl dt{display: flex; flex-direction: column; justify-content: center; align-items: center;background: #fff; color: #333; z-index: 2;position: absolute;top: 0px;left: 0px;backface-visibility: hidden;width: 100%;height: 100%;border-radius: 0.18rem; overflow: hidden; box-shadow: 0 0 0.13rem 0.04rem rgba(210,210,210,0.35);}
.business-box dl dd{transform: rotateY(-180deg); position: absolute; top: 0px; left: 0px; backface-visibility: hidden; width: 100%; height: 100%; background: #37b0fe;border-radius: 0.18rem; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; color: #fff; box-shadow: 0 0 0.13rem 0.04rem rgba(210,210,210,0.35);}
.business-box dl img{height: 1.15rem; margin-bottom: 0.25rem;}
.business-box dl p{text-align: center;letter-spacing: 0.02rem;}
.business-box a:hover dl{transform: rotateY(180deg);}

.solution-show{}
.solution-box{}
.solution-box a{}
.solution-box a dl{height: 3.35rem; position: relative;border-radius: 0.18rem; overflow: hidden;}
.solution-box a dl dt{}
.solution-box a dl dt img{display: block; width: 100%; height: 100%;}
.solution-box a dl dd{color: #fff; position: absolute; top: 0; left:0; width: 100%; height: 100%;}
.solution-box a dl dd .title{font-size: 0.32rem; padding: 0.5rem; background: rgba(108,108,108,0.72);width: 100%; height: 100%;transform:translateY(0); transition: transform 0.5s;}
.solution-box a dl dd .brief{font-size: 0.2rem; padding: 0.5rem; text-align: center; background: rgba(55,176,254,0.76); transform:translateY(0); transition: transform 0.5s;width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.solution-box a dl:hover dd .title{transform:translateY(-3.35rem);}
.solution-box a dl:hover dd .brief{transform:translateY(-3.35rem);}
.solution-box a dl dd .brief p{line-height: 2; letter-spacing: 0.01rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.solution-box a dl dd .brief span{display: block; letter-spacing: 0.01rem; height: 0.4rem; width: 1.2rem; text-align: center; line-height: 0.4rem; border: 1px solid #fff; border-radius: 0.2rem; margin: 0.25rem auto 0;}

.aboutus-show{background: #f7f7f7;}
.aboutus-show .aboutus-box{color: #333333;}
.aboutus-show .aboutus-box h3{}
.aboutus-show .aboutus-box p{line-height: 1.8;}
.aboutus-show .aboutus-box a{color: #37b0fe; font-size: 0.2rem; border-radius: 0.3rem; border: 1px solid #37b0fe; display: flex; justify-content: center; align-items: center; width: 1.54rem; height: 0.42rem; }
.aboutus-show .aboutus-box a:hover{background: #37b0fe; color: #fff;}
.aboutus-show .aboutus-pic{width: 5.4rem;}
.aboutus-show .aboutus-pic img{display: block; width:100%;}


.case-show{background: #fff;}
.case-box{padding: 0 1.1rem 0.4rem; }
.case-box .swiper-next,.case-show .case-box .swiper-prev {position: absolute; top: 50%; width: 0.45rem; height: 0.45rem; margin-top: -0.65rem; z-index: 10; cursor: pointer;border: 0.03rem solid #fff; display: flex; justify-content: center; align-items: center; font-size: 0.26rem; font-weight: bold; border-radius: 50%; color: #fff;background: rgba(0,0,0,0.5); opacity: 0.6;}
.case-box .swiper-prev {left: 0.15rem; }
.case-box .swiper-next {right: 0.15rem;}
.case-box .swiper-prev:hover,.case-show .case-box .swiper-next:hover {opacity: 1;}

.case-show .case-box .item_news{border: 0.04rem solid #fff; height: 4.65rem; box-shadow: 0 0 0.07rem 0.02rem rgba(210,210,210,0.35);}
.case-show .case-box .item_news .pic-box{width:100%; position: relative; overflow: hidden;}
.case-show .case-box .item_news .pic-box .imgWrap_bg{position:absolute;left: -7%;top:-7%;width:114%;height:114%;object-fit:cover;-webkit-filter:blur(13px);filter:blur(13px)}
.case-show .case-box .item_news .pic-box .imgWrap_img{display:block;width:100%;height:100%;position:relative}
.case-show .case-box .item_news .info{padding: 0.25rem 0.20rem 0.20rem; height: 1.20rem;}
.case-show .case-box .item_news .info .title{color: #333; line-height: 1.5; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.case-show .case-box .item_news:hover{border: 0.04rem solid #37b0fe;}

.partner-show{background: #f7f7f7;}
.partner-box{}
.partner-box .item_news{margin-right: 0.25rem; margin-bottom: 0.7rem; height: 0.9rem; background: #fff; border-radius: 0.18rem; width: 2.92rem; overflow: hidden;}
.partner-box .item_news:nth-child(5n){margin-right: 0;}
.partner-box .item_news img{display: block; max-width: 100%; max-height: 100%;}