@charset "utf-8";
@media (max-width:1024px){
.nobanner{padding-top:60px}
.common-main{padding:20px 0px}
.pageabout-1 .left{width:100%}
.pageabout-1 .right .title{font-size:24px}
.pageabout-1 .right{padding-left:0px;padding-top:30px}
.pageabout-2{background:#F7F7F7}
.pageabout-2 .list .icon{transform:scale(.8)}
.pageabout-2 .list .span{margin-top:10px;margin-bottom:10px;font-size:20px}
.teamlist .item{width:19%}
.pagehistory-left{width:100%;margin-bottom:30px}
.pagehistory-right{width:100%}
#historySwiper .swiper-slide{width:calc(100% - 50px);margin-left:auto;margin-right:0px;text-align:left}
#historySwiper .swiper-slide .round{left:16px}
#historySwiper .swiper-slide .date{font-size:22px}
.pagehistory-left::after{left:16px}
.pagehistory-next,.pagehistory-prev{left:16px;width:40px;height:40px}
#historySwiper{height:660px}
.product-catelist .product-cateitem{width:31%;margin-right:3.5%!important}
.product-catelist .product-cateitem:nth-child(3n){margin-right:0!important}
.sidebar{display:none}
.page-main{margin-right:0px}
.prodetails-info .prodetails-name{font-size:22px}
.pagelink .pagelink-item .flex{height:40px}
.pagelink .pagelink-item .flex em{width:40px}
.inquiry-wrap{padding:20px}
.contact-list .contact-item{width:32%}
.contact-list .contact-item em{width:50px;height:50px;top:-25px}
.page-solutions .flex .left{width:100%}
.page-solutions .flex .left img{width:auto}
.page-solutions .flex .right{padding-left:0px;padding-top:30px}
.page-solutions .solutions-img .img{width:48%}
.project-wrap{justify-content:space-between}
.project-wrap li{margin-right:0px;width:48%}}
@media (max-width:768px){.pageabout-1 .right .title{font-size:22px}
.pageabout-1 .right .boxshow{background:#faf6f1}
.pageabout-1 .right .boxshow em{width:60px;height:100%;font-size:28px}
.pageabout-1 .right .boxshow .text{background:#FFF;padding:10px}
.pageabout-2{padding:50px 0px}
.pageabout-2 .list{justify-content:center}
.pageabout-2 .list .item{width:60%;margin-bottom:20px}
.teamlist .item{width:30%}
.teamlist .item .info .title{font-size:18px}
.pagehistory-left{padding:50px 0px 30px}
#historySwiper{height:500px}
.product-catelist{justify-content:space-between}
.product-catelist .product-cateitem{width:48%;margin-right:0!important}
.pro-list.list1{justify-content:space-between}
.pro-list.list1 li{margin-right:0px;width:48%}
.page-main .pro-cate-title{font-size:24px;line-height:1;margin-bottom:15px}
.pro-list li .pro-img .icon{opacity:1;transform:none}
.thumbnail-show{display:none}
.thumbnail-box{width:100%}
.thumbnail-box .list{margin:0px;border:1px solid #EEE;height:calc(100vw - 30px);border-radius:var(--borderradius)}
.singglepic{width:100%;height:calc(100vw - 30px)}
.prodetails-button-next,.prodetails-button-prev{display:none}
.pro-d-main .banner-inner{display:none}
.pro-d-main .common-main{padding-top:15px}
.thumbnail-box .list .item{border:none}
.banner-page{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:5px 10px;position:absolute;bottom:9px;right:10px;z-index:99;background:var(--color);color:#FFF;border-radius:30px}
.banner-page .of{padding:0px 2px}
.imgalt{position:absolute;left:50%;transform:translateX(-50%);z-index:99;bottom:8px;background:rgba(0,0,0,.2);color:#FFF;width:95%;padding:0px 6px;line-height:35px;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;border-radius:30px;font-size:14px;padding-right:40px;text-transform:capitalize}
.prodetails-info{padding-top:20px}
.prodetails-info .prodetails-btnlist{justify-content:space-between}
.prodetails-info .prodetails-btnlist>*{width:48%;margin-right:0px}
.pagelink .pagelink-item{width:100%}
.pagelink .pagelink-item a{display:block}
.pagelink .pagelink-item.next{align-items:flex-start;margin-top:20px}
.inquiry-wrap{padding:20px 10px}
.inquiry-wrap .inquiry-title{font-size:22px}
.inquiry-wrap #feedbackForm input{width:100%;height:44px}
.inquiry-wrap #feedbackForm .send-btn{height:44px}
.newslist.list1{justify-content:space-between}
.newslist.list1 li{margin-right:0px;width:48%}
.newslist.list0 li .newslist-img{width:40%}
.newslist.list0 li .newslist-info{padding:10px}
.newslist.list0 li .newslist-info .title{margin:10px 0px 0px}
.newslist.list0 li .newslist-info .more{display:none}
.banner-inner img{min-height:inherit;height:auto}
.contact-list .contact-item{width:100%;margin-bottom:50px}
.contact-list .contact-item:last-child{margin-bottom:0px}
.contact-list .contact-item .contact-item-title{margin:20px 0px 10px}
.project-wrap li{width:100%}
.project-wrap li .project-info{transform:translateY(0);opacity:1;visibility:initial;justify-content:center}
.project-wrap li .project-info a{justify-content:center}
.download-list li{width:100%}
.download-list li .download-info{padding:0px 15px}
.download-list li .download-btn{width:100%;margin-top:10px}
.product-catelist .product-cateitem:hover .cate-img .more{display:none}
.prodetails-img{height:300px}
.prodetails-img img{width:100%;height:100%;object-fit:cover}
.prodetails-img .content .span1{font-size:30px}
.prodetails-flex{flex-wrap:wrap}
.prodetails-flex .left{width:100%}
.prodetails-flex .left img{width:100%}
.prodetails-flex .right{padding-left:0px;padding-top:30px}
.prodetails6 .item{width:45%}
.preview-container{display:block}
#gallerythumbs{display:block}}
@media (max-width:450px){.teamlist .item{width:49%}
.rd-wrap .rd-title{font-size:18px}
.rd-wrap .rd-img{margin-bottom:20px}
.rd-wrap .rd-img img{width:100%;margin-bottom:20px}
.product-catelist .product-cateitem .cate-title{padding:15px 10px}
.product-catelist .product-cateitem .cate-title a{font-weight:400;line-height:1.2;-webkit-line-clamp:3}
.pro-list li .pro-info{padding:15px 10px}
.pro-list li .pro-info .title{display:block;font-size:16px}
.pro-list li .pro-img .icon-hottitle{font-size:14px;left:-45px;top:-35px;width:90px;height:70px}
.pro-list li .pro-img .icon{width:30px;height:30px;bottom:5px;right:5px}
.pro-list.list0 li .pro-info{padding:10px}
.pro-list.list0 li .pro-info .more{display:none}
.pro-list.list0 li .pro-img{height:100%}
.pro-list.list0 li .pro-img a{height:100%}
.common-page>a,.common-page>span{min-width:40px;height:40px;font-size:16px}
.common-page p{height:40px}
.common-page p a,.common-page p span{padding:0px 10px}
.newslist li .newslist-info{padding:10px 10px 0px}
.page-solutions .solutions-img .img{width:100%}
.page-main .pro-cate-title{font-size:22px}
.packaging-log .title{font-size:22px}
.prodetails-list3 li{width:100%}
.packagingul li{width:100%;margin-bottom:20px}
.prodetails6 .item{width:100%}}