@import url("/js/9796/homeiconfont/homeiconfont.css");
@media (min-width:769px){.about .about-con .about-title {font-size: 16px;max-width: 599px;}}
.about-img img {width: 100%;}
.adv  .adv-item img {  width: unset; height:unset;}
.adv .adv-item img{aspect-ratio: 306/288;object-fit: cover;}
.our .flex-jc-sb{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px}
.our-list li{width:22%;text-align:center;margin-bottom: 20px;}
.our-icon{width:90px;height:90px;border:1px solid #DDDDDD;border-radius:50%;transition:all .2s ease-in-out;display:flex;justify-content:center;align-items:center;margin:0px auto}
.our-icon i,.our-icon em{font-size:38px;color:var(--introcolor)}
.our-item-name{font-size:var(--fontsize18);font-weight:var(--fontbold4);color:var(--fontcolor);transition:color .2s ease-in-out;margin:16px 0px 12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:53px;line-height:1.3}
.our-item-bref{color:var(--introcolor);line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:84px}
.our-list li:hover .our-icon{background:var(--color);border-color:transparent}
.our-list li:hover .our-icon i,.our-list li:hover .our-icon em{color:#FFFFFF}
.our-list li:hover .our-item-name{color:var(--hovercolor)}

.our .container{overflow:hidden}
@media(max-width:768px){.our-list li{width:48%;margin-bottom:20px}
.our-item-name{margin:16px 0px 6px}.our,.repro{padding:6% 0}}
@media(max-width:321px){.our-list li{width:100%}}
.cate .common-title{margin-bottom:20px;}
.cate-img img{opacity:.6;}
.our-item-name{color: var(--color);}
.aboutswiper{width:100%;height:100%}
.aboutswiper .swiper-container{width:100%;height:100%}
.about .about-img img{height:100%}
@media (max-width:1500px){.about .about-img{max-height:initial}}
@media (max-width:1500px) and (min-width:1025px){.about .about-con{width:50%;padding:30px}
 .about .about-img{width:50%}}
@media (max-width:768px){.about .about-con{padding:0}
.about{flex-direction:column-reverse}
.about .about-img{position:static;width:100%;}}
@media (min-width:1280px) {.news-list {height: 765px;}}