.technology-part{ padding: 5% 0; background: #EFF3F6;}

.technology-t{line-height: 50px; margin-bottom: 5%;}
.technology-t li{ position: relative; float: left; padding: 0 55px;}
.technology-t li::after{content: ""; position: absolute; right:0; top:0; width: 1px; height: 100%; background:#ADB0B2;}
.technology-t li:last-child::after{display: none;}
.technology-t li a{color: #000;}
.technology-t li.on{ background: #008DD7;}
.technology-t li.on::after{ display: none;}
.technology-t li.on::before{content: ""; position: absolute; right:-30px; top:0;width:30px;height:50px;background-repeat: no-repeat;
 background-image:linear-gradient(110deg, #008DD7 50%, rgba(255, 255, 255, 0) 50%);}
.technology-t li.on a{color: #fff!important;}

.patent{margin: 0 -0.7%;}
.patent li{ float: left; width: 31.93%; margin: 0 0.7% 3%;}
.patent li a{color: #000!important;}
.patent li dt{position: relative; overflow: hidden; background: #fff;}
.patent li dt img{ width: auto; max-width: 80%; max-height:80%; box-shadow: 0 0 5px 5px rgba(0,0,0,0.1);}
.patent li dt span{position: absolute; right:0; bottom:0; width: 12%; height: 12%; color: #000; background: #E5E5E5;}
.patent li dt span i{ font-size: 32px; font-weight: bold;}
.patent li dd{ padding: 6% 0;}
.patent li dd span{ display: block; color:#707070; height: 1.5em;overflow: hidden;display: none;}
.patent li dd h2{margin: 2% 0 3.5%; line-height: 30px; height:60px; overflow: hidden;font-size: 16px;}
.patent li dd p{ color:#707070;}
@media only screen and (max-width:1279px) {
.technology-t li{padding: 0 40px;}
.patent li dt span i{font-size: 20px;}
}
@media only screen and (max-width:767px) {
    .technology-t li{padding: 0 18px;}
    .technology-t li.on::before{right:-20px;width:20px; background-image:linear-gradient(100deg, #008DD7 50%, rgba(255, 255, 255, 0) 50%);}
    .patent{margin: 0;}
    .patent li{ width:100%; margin: 0 0 5%;}
}
@media only screen and (max-width:413px) {
    .technology-t li{padding: 0 10px;}
    .technology-t li.on::before{right:-10px;width:10px;}
    /*.technology-t li.on::before{ display: none;}*/
}
@media only screen and (max-width:329px) {
    .technology-t li{padding: 0 8px;}
}


.intelligen01{ margin-bottom: 3%;}
.intelligen01 .swiper-container{margin-top:50px;}	
.intelligen01 .swiper-slide{width:48%!important;}	
.intelligen01 .swiper-slide img{ width: 100%;}
.intelligen01 .swiper-slide h2{position: absolute; lefT:0; bottom:8%; width: 90%; text-align: center; padding: 0 5%;}
.intelligen01 .swiper-button-prev{width:calc(26% - 11px);height:100%;left:0;top:0;margin-top:0;z-index:99; background:rgba(245,248,249, 0.86);}	
.intelligen01 .swiper-button-next{width:calc(26% - 12px);height:100%;right:0;top:0;margin-top:0;z-index:99;background:rgba(245,248,249, 0.86);}
.intelligen01 .swiper-button-prev i,.intelligen01 .swiper-button-next i{position: absolute; left:75%; color:#000; height: 100px; line-height: 100px; top:50%; margin-top: -50px;}
.intelligen01 .swiper-button-next i{lefT:auto; right:75%;}
.intelligen02 ul{ margin: 0 -3.5%;}
.intelligen02 li{ float: left; width: 26.33%; margin: 0 3.5% 5%; text-align: center;}
.intelligen02 li .img{margin-bottom: 5%;}
.intelligen02 li h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
@media only screen and (max-width:1279px) {
    .intelligen02 ul{ margin: 0;}
    .intelligen02 li{ width: 30.33%; margin: 0 1.5% 5%;}
    .intelligen01 .swiper-slide{width:100%!important;}	
    .intelligen01 .swiper-button-prev{ width: 30px; left: 0; background: none;}
    .intelligen01 .swiper-button-next{ width: 30px; right: 0; background: none;}
}
@media only screen and (max-width:767px) {
.intelligen02 li{ width: 100%; margin: 0 0 5%;}
.intelligen01 .swiper-button-prev i,.intelligen01 .swiper-button-next i{ margin-top: -30px;height: 30px; line-height: 30px;}
.intelligen01 .swiper-slide h2{position: static; margin-top: 5%;}
}


@media only screen and (min-width:1025px) {
    .intelligen01 .swiper-button-prev,.intelligen01 .swiper-button-next{transition: 0.3s;}
}