@font-face {font-family: "iconfont";src: url('/js/43283/iconfont.ttf') format('truetype');}
.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-xiangxia:before {content: "\f01a6";}
.about2 .mySwiper3 .swiper-slide{position:relative;text-align:center;color:var(--introcolor);font-weight:var(--fontbold6);padding:30px 0px;cursor:pointer}
.about2 .mySwiper3 .swiper-slide::after{content:"";position:absolute;left:50%;bottom:0px;transform:translateX(-50%);width:12px;height:12px;background:#FAFAFA;border-radius:50%;border:2px solid #E5E5E5}
.about2 .mySwiper3 .swiper-slide::before{content:"";position:absolute;left:50%;bottom:6px;transform:translateX(-50%);width:100%;height:2px;background:#E5E5E5}
.about2 .mySwiper3 .swiper-slide.swiper-slide-thumb-active{color:var(--color)}
.about2 .mySwiper3 .swiper-slide.swiper-slide-thumb-active::after{background:var(--color);border-color:var(--color)}
.about2 .mySwiper4{margin-top:40px}
.about2 .mySwiper4 .swiper-slide{display:flex;align-items:center;justify-content:center}
.about2 .mySwiper4 .swiper-slide .year{color:var(--fontcolor);font-size:var(--fontsize36);font-weight:var(--fontbold6);margin-right:20px}
.about2 .mySwiper4{margin-top:40px}
.about2 .mySwiper4 .swiper-slide{display:flex;align-items:center;justify-content:center}
.about2 .mySwiper4 .swiper-slide .year{color:var(--fontcolor);font-size:var(--fontsize36);font-weight:var(--fontbold6);margin-right:20px}

.technology-content{width:100%;height:100%;margin:70px auto;padding:0}
.technology-content ul{width:100%;display:flex;justify-content:space-between}
.technology-content ul li{width:22%;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 8px 0 rgba(19,20,21,.17);position:relative;padding:4% 0;padding-bottom:2%;border-radius:var(--border)}
.technology-nr{display:flex;flex-direction:column;justify-content:center;align-items:center}
.technology-nr .technology-top{position:relative}
.technology-nr p{text-align:center;margin-top:18%;font-size:var(--fontsize20);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.technology-content .show{position:absolute;background-color:var(--color);width:100%;height:100%;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:var(--fontsize18);opacity:0;transition:all .6s ease;border-radius:var(--border);top:0;left:0}
.technology-content .show p{width:100%}
.technology-content .show p:nth-child(1){font-size:var(--fontsize24);text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.technology-content .show p:nth-child(2){text-align:center;font-size:var(--fontsize16);width:80%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.technology-content ul li:hover .show{opacity:1}
.technology-content ul li:hover .technology-top em{display:none}
.technology-top>div:nth-of-type(1){display: flex;justify-content: center;align-items: center;position: relative;z-index: 3;}
.technology-top>div:nth-of-type(1) img{width: 30px;display: block;transform: translateY(-15px);}
.technology-mod{position: absolute;z-index: 0;transform: translate(-50%) rotate(-90deg);top: -170%;left: 20px;}
.technology-mod em{color: var(--color);font-size: 100px;line-height: 1;}
.technology-content ul li:hover .technology-nr{display:none}