@charset "utf-8"; 
.home-mainproduct .homepro-list .swiper-slide .info {width:60%;flex:inherit;}
.home-mainproduct .homepro-list .swiper-slide {height:auto;}
@media (max-width:1600px) and (min-width:769px){.home-mainproduct #homemainproduct{height:580px}}
@media (max-width:1366px) and (min-width:769px){.home-mainproduct #homemainproduct{height:510px}
.home-mainproduct .homepro-list .swiper-slide .info .title{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:10px;}
.home-mainproduct .homepro-list .swiper-slide .info .text{margin-bottom:10px}
.home-mainproduct .homepro-list .swiper-slide .info{padding:10px 20px}}
@media (max-width:1024px) and (min-width:769px){.home-mainproduct #homemainproduct{height:420px}
.home-mainproduct .homepro-list .swiper-slide .info .title{margin-bottom:5px;line-height:1.3;}
.home-mainproduct .homepro-list .swiper-slide .info .text{margin-bottom:6px;font-size:14px;}
.home-mainproduct .homepro-list .swiper-slide .info .home-more{height:38px;font-size:13px;min-width:120px;}
.home-mainproduct .homepro-list .swiper-slide .info{padding:10px 20px}}
@media (max-width:768px){.home-mainproduct #homemainproduct{height:auto}}
@media (max-width:560px){.home-mainproduct .homepro-list .swiper-slide .info .title{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-bottom:10px;}}
.recentnews-list li .img{height:100%}
.product-catelist .product-cateitem .cate-img{min-height:inherit}
@media (min-width:1025px){.product-catelist .product-cateitem {width:24%;margin:0 1.333% 30px 0;}
.product-catelist .product-cateitem:nth-child(3n) {margin-right:1.333%}
.product-catelist .product-cateitem:nth-child(4n) {margin-right:0}}
@media (min-width:1025px){aside.sidebar {position:sticky;top:110px;}
body {overflow:inherit;}
.page-container {align-items:flex-start;}}

/*about us*/
.common-main.about-us .overview-content{display:flex;justify-content:space-between;flex-wrap:wrap;font-size:16px;padding:0}
.common-main.about-us .overview-left{width:40%;margin-right:20px}
.common-main.about-us .overview-left-img-box{width:100%;height:100%;display:flex;position:relative}
.common-main.about-us .overview-left-img-box img{transform:scale(1);transition:all .3s linear}
.common-main.about-us .overview-left-img-box:hover img{transform:scale(1.03)}
.common-main.about-us .overview-right{flex:1;box-sizing:border-box;padding:0 20px}
.common-main.about-us .overview-right h4{font-size:36px;font-weight:var(--fontbold5);color:var(--fontcolor);margin-top:20px}
.common-main.about-us .overview-right p{color:var(--summarycolor);margin:4% 0;margin-right:11%}
.common-main.about-us .technology-content{width:100%;height:100%;margin:70px auto;padding:0}
.common-main.about-us .technology-content ul{width:100%;display:flex;justify-content:space-between}
.common-main.about-us .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)}
.common-main.about-us .technology-nr{display:flex;flex-direction:column;justify-content:center;align-items:center}
.common-main.about-us .technology-nr .technology-top{position:relative}
.common-main.about-us .technology-nr .technology-top{width:60px;height:60px}
.common-main.about-us .technology-nr .technology-top>em{top:-10px;left:18px;position:absolute;color:#fff;font-size:30px;}
.common-main.about-us .technology-nr .technology-top .technology-mod em{color:var(--color);font-size:268px;position:absolute;z-index:-1;left:65%;top:-200%;transform:translate(-50%) rotate(-90deg);line-height:1}
.common-main.about-us .technology-nr p{text-align:center;margin-top:18%;font-size:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.common-main.about-us .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:18px;opacity:0;transition:all .6s ease;border-radius:var(--border);top:0;left:0}
.common-main.about-us .technology-content .show p:nth-child(1){font-size:24px;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.common-main.about-us .technology-content .show p{width:100%}
.common-main.about-us .technology-content .show p:nth-child(2){text-align:center;font-size:20px;margin-top:5%;line-height:30px;width:74%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.common-main.about-us .technology-content ul li:hover .show{opacity: 1;}
.common-main.about-us .information{width:100%;background-image:url(https://css02.v15cdn.com/m426/images/about-contact.webp);background-repeat:no-repeat;background-size:cover;background-position:center}
.common-main.about-us .information-txt-box{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;padding-top:80px;padding-bottom:150px}
.common-main.about-us .industrial-title{font-size:44px;line-height:48px;color:#fff;margin-top:30px;text-align:center}
.common-main.about-us .information-btn{width:150px;height:46px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:var(--border);font-size:20px;color:var(--color);margin-top:40px;position:relative;z-index:1;box-shadow:0 0 0 #fff;transition:all .2s ease}
.common-main.about-us .information-btn::after{content:'';display:inline-block;width:0%;height:100%;background-color:var(--color);position:absolute;left:0;top:0;z-index:-1;border-radius:var(--border);transition:all .2s ease}
.common-main.about-us .information-btn:hover{box-shadow:0 0 3px #fff}
.common-main.about-us .information-btn:hover{color:#fff}
.common-main.about-us .information-btn:hover::after{width:100%}
.common-main.about-us .grade-content ul{width:100%;background-color:#fff;box-shadow:1px 1px 5px #ccc;display:flex;justify-content:center;align-items:center;border-radius:10px;transform:translateY(-70px)}
.common-main.about-us .grade-content ul li{width:18%;border-right:2px solid #eee;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:4% 0}
.common-main.about-us .grade-content ul li p:nth-child(1){font-size:42px;font-weight:var(--fontbold7);margin:2% 0;color:var(--fontcolor)}
.common-main.about-us .grade-content ul li p:nth-child(1){font-size:42px;font-weight:var(--fontbold7);margin:2% 0;color:var(--fontcolor)}
.common-main.about-us .grade-content ul li p:nth-child(2){color:var(--color);margin:1% 0;font-size:18px}
.common-main.about-us .clients-content{width:100%;margin-bottom:20px;padding:0}
.common-main.about-us .clients-content h4{margin:2% 0;font-size:42px;text-align:center;font-weight:var(--fontbold5);color:var(--fontcolor)}
.common-main.about-us .clients-content ul{width:100%;display:flex;justify-content:center;text-align:center;flex-wrap:wrap}
.common-main.about-us .clients-content ul li{width:20%;box-sizing:border-box;padding:4%;box-shadow:0 0 0 rgba(0,0,0,.4);transition:all .2s linear;border-radius:var(--border)}
.common-main.about-us .clients-content ul li img{width:100%}
.common-main.about-us .clients-content ul li:hover {box-shadow: 0 0 4px rgba(0,0,0,.4);}


@media (max-width:900px){.common-main.about-us .overview-content{flex-direction:column;padding:0}
.common-main.about-us .overview-left{width:100%;box-sizing:border-box;margin-bottom:0;margin-right:0}
.common-main.about-us .overview-right p{margin-right:0;}
.common-main.about-us .overview-left div{width:100%;padding:0;}
.common-main.about-us .overview-left img{width:100%}
.common-main.about-us .overview-right{width:100%}
.common-main.about-us .technology-content ul{flex-wrap:wrap}
.common-main.about-us .technology-content ul li{width:48%;margin-bottom:1.5em}
.common-main.about-us .technology-nr .technology-top>em{top:18px;left:16px;font-size:22px}
.common-main.about-us .technology-nr .technology-top .technology-mod em{font-size:170px;left:50%;top:-50px}
.common-main.about-us .technology-nr p{font-size:18px}
.common-main.about-us .information-txt-box{padding-top:50px;padding-bottom:130px}
.common-main.about-us .industrial-title{font-size:36px}
.common-main.about-us .grade-content ul{width:100%;flex-wrap:wrap;justify-content:center;align-items:center}
.common-main.about-us .grade-content ul li{width:50%}
.common-main.about-us .clients-content h4{font-size:36px}
.common-main.about-us .clients-content ul li{width:33%}}
@media (max-width:500px){.common-main.about-us .overview-right h4{font-size:18px;margin-bottom:10px}
.common-main.about-us .overview-right p{margin-right:0}
.common-main.about-us .technology-nr p{font-size:14px}
.common-main.about-us .technology-content .show p:nth-child(1){font-size:16px}
.common-main.about-us .technology-content .show p:nth-child(2){font-size:12px;line-height:1.4;width:90%}
.common-main.about-us .information-txt-box{padding-top:30px;padding-bottom:50px}
.common-main.about-us .industrial-title{font-size:24px;margin-top:10px;line-height:1.6}
.common-main.about-us .grade-content ul{transform:translateY(-30px)}
.common-main.about-us .grade-content ul li p:nth-child(1){font-size:24px}
.common-main.about-us .grade-content ul li p:nth-child(2){font-size:14px}
.common-main.about-us .clients-content h4{margin:2% 0;font-size:24px;color:var(--fontcolor)}}
.common-main.about-us .information {width: 100%; background-image: url(/uploads/41651/products/p202403280912232cd99.jpg); background-repeat: no-repeat; background-size: cover;}
.common-main.about-us .overview-left-img-box img{object-fit:cover}