﻿@charset "utf-8"; 
.aboutcon img{max-width:100%}
.prodetail-content article>p,article p{font-size:.98em}
.pagelink-name{white-space:inherit;height:15px}
a.floatwindow_chat_item span{padding-left:43px}
.home-banner .swiper-slide>a::after{display:none;}
.home-case .homecase-wrap .img{text-align:center;}
.cate{position:relative;padding:4% 0;background:var(--color1)}
.cate .home-title,.cate .home-des{color:#fff;}
.cate ul{display:flex;margin:3% 0 0;width:100%}
.cate ul li{list-style: none;}
.cate .img-wrap{background-color:#F2F2F2;border-radius:50%;height:90%;left:5%;overflow:hidden;position:absolute;top:5%;width:90%}
.cate .img-wrap>img{display:block;height:100%;transition:transform .3s ease;width:100%}
.cate .wave-bottom{bottom:0px;left:0px;position:absolute;right:0px}
@media screen and (max-width:960px){
.cate .cate-item{margin-bottom:20px;padding:0px 10%;width:50%}
.cate .cate-name{margin-top:10px}
.cate ul{flex-wrap:wrap;width:auto}}
@media screen and (max-width:767px){
.cate ul{margin:0px -4vw;overflow:hidden;width:100vw}
.cate .cate-name{font-size:12px}
.cate .cate-item{padding:0px 4vw}
.cate .cate-img>.btn-more{bottom:3%;font-size:12px;height:40px;right:3%;width:40px}}
.cate-item{box-sizing:border-box;padding:0px 30px;width:25%}
.cate-item:hover img{transform:scale(1.05)}
.cate-img{background-color:#FFF;border-radius:50%;padding-bottom:100%;position:relative;width:100%}
.cate-img:after{border-bottom:8px solid var(--color);border-left:8px solid var(--color);border-color:var(--color) var(--color) transparent transparent;border-radius:50%;border-style:solid;border-width:8px;content:"";height:98%;left:calc(1% - 8px);position:absolute;top:calc(1% - 8px);transform:rotate(135deg);width:98%}
.cate-img>.btn-more{align-items:center;background-color:#FCB54E;border-radius:50%;bottom:5%;color:#FFF;display:flex;font-weight:var(--fontbold7);height:70px;justify-content:center;position:absolute;right:5%;text-transform:uppercase;width:70px;z-index:9}
.cate-name{color:#FFF;display:block;font-weight:var(--fontbold7);margin-top:38px;text-align:center;transition:transform .2s;width:100%}
.cate-name .iconfont{display:inline-block;transition:transform .2s}
.cate-name:hover .iconfont{transform:translateX(5px)}