@media (max-width:1024px){
.page-main{padding-left:0px}
.banner-inner .banner-img{max-height:240px}
.banner-inner .banner-img img{width:100%;height:100%;object-fit:cover}
.abouttitle{font-size:26px}
.team-list li{width:48%;margin-bottom:20px}
.historytitle{font-size:28px}
.history-item .title{font-size:24px}
.product-catelist{justify-content:space-between}
.product-catelist .product-cateitem{width:49%;margin:0px;margin-bottom:20px}
.sidebar{display:none}
.preview-container{width:100%;margin-right:0px}
.preview-container .banner-page{display:block;position:absolute;right:9px;bottom:10px;background:var(--color);color:#FFF;border-radius:30px;padding:4px 10px;z-index:9}
.preview-container .preview-box .prodetails-pagination{margin-top:10px;display:none}
.preview-container .preview-box .prodetails-button-next,.preview-container .preview-box .prodetails-button-prev{display:none !important}
.prodetails-info{width:100%;padding-top:15px}
.main-prodetails .banner-inner{display:none}
.newscontent-title{font-size:25px}
.mediaplay{width:50px;height:50px;line-height:50px}
.mediaplay em{font-size:30px}
.contact-box::before{width:calc(100% + 30px)}}
@media (max-width:768px){
.banner-inner .banner-img img{height:100%;}
.pro-d-main .banner-inner{display:none}
.banner-inner .banner-img{max-height:200px}
.banner-inner .banner-content .banner-title-h1{display:none}
.common-main{padding:15px 0px 30px}
.abouttitle{font-size:22px}
.aboutfloat{margin-left:0px;float:none}
.certificates-list li{width:100%;margin-bottom:20px}
.team-list li{width:100%}
.team-list li .info .share a{width:40px;height:40px}
.history-wrap{flex-wrap:wrap}
.history-wrap .history-img{width:100%}
.history-wrap .history-info{width:100%;padding:0px;margin-top:30px}
.history-item{flex-direction:column-reverse}
.history-item .bottom{margin-bottom:15px}
.history-item .year{font-size:24px}
#history .history-button{bottom:auto;top:0px}
#history .history-button .history-button-next,#history .history-button .history-button-prev{width:36px;height:36px}
.product-catelist .product-cateitem{width:100%}
.product-catelist .product-cateitem .cate-info .cate-text{display:none}
.product-catelist .product-cateitem:hover .cate-info{background:#FFFFFF9c;color:#000;padding-bottom:10px}
.product-catelist .product-cateitem:hover .cate-info .cate-more{display:none}
.page-main{padding-left:0px}
.pro-cate-title{font-size:20px;margin-bottom:15px}
.common-page>*{min-width:40px;height:40px}
.pro-list.list0 li .pro-img{width:40%}
.pro-list li:hover .icon{bottom:5px}
.pro-list li .icon{opacity:1;visibility:inherit;bottom:5px;right:5px;width:35px;height:35px}
.pro-list li .icon.pro-checked{bottom:5px}
.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%}
.newslist.list0 li .news-img{width:40%}
.pagecase-list .item{width:100%;padding:10px 0px}
.pagecase-list .item .content{width:60%}
.pagecase-list .item .content .title{font-size:16px}
.newslist li{margin-bottom:2em}
.newslist li .news-info .title{font-size:18px;display:block}
.newslist li .news-info .btn{margin-top:0px}
.newslist li .news-img .date{height:60px}
.newslist li .news-img .date span:nth-child(3){display:none}
.newslist li:hover .news-info .btn{background:0 0;color:#091d3f}
.newslist li:hover .news-info .btn em{background:var(--color);color:#FFF}
.newscontent-title{font-size:22px}
.newslist.list1{justify-content:space-between}
.newslist.list1 li{width:49%;margin-right:0px}
.newslist.list0 li .news-info .text{display:none}
.preview-container #media{height:100%}
.singglepic{width:100%;height:calc(100vw - 30px);margin-right:0px}
.download-list li{width:100%}
.download-list li .download-info{padding:0px 10px}
.download-list li .download-btn{width:100px}
.sidebar-item.related .related-list .related-item{width:100%}}
@media (max-width:500px){
.banner-inner .banner-img{max-height:160px}
.pro-list li .icon-hottitle{width:40px;height:22px;left:-10px}
.pro-list li .icon-hottitle::before{bottom:-8px;border:8px solid transparent;border-bottom:8px solid var(--color);opacity:0.8}
.pro-list li .pro-info .title{font-size:16px}
.pro-list li .pro-info .btn{width:120px;height:44px;display:none}
.pro-list.list0 li .pro-info{padding-left:10px;margin-top:0px}
.pro-list.list0 li .pro-info .btn{margin-top:10px}
.preview-container .preview-box .list{height:calc(100vw - 30px);pointer-events:inherit;border:none}
.prodetails-info .pagelink .pagelink-item .link-intro{width:34px;height:34px;padding:0px 8px;margin-right:10px}
.prodetails-info .pagelink .pagelink-item .link-intro em{margin-right:6px}
.prodetails-content{margin-top:30px}
.prodetails-content .prodetails-des span{width:150px;height:45px;font-size:16px}
.prodetails-template-title{height:35px}
.prodetails-template-title h5{height:45px;line-height:45px}
.packaging-log .title{font-size:22px}
.prodetails-list3 li{width:100%}
.packagingul li{width:100%;margin-bottom:20px}
.prodetails6 .item{width:100%}
.contact-list .contact-item{width:100%;margin-bottom:20px}
.contact-list .contact-item:last-child{margin-bottom:0px}
.prodetails-flex .right .title .lable{font-size:22px}
.contact-box{padding:40px 0px 20px;margin:40px 0px -30px}
.newslist.list1 li{width:100%}
.inquiry-prolist .inquiry-pro-item .pro-item-name a{font-size:16px;font-weight:400}
.inquiry-prolist .inquiry-pro-item .pro-item-img{width:25%}
.inquiry-prolist .inquiry-pro-item .pro-item-del{margin-right:0px}
.contact-list .contact-item img{height:54px}
.news-pagelink .pagelink-item .link-intro{min-width:30px;height:30px}
.news-pagelink .pagelink-item .link-text{padding:0px 10px}
.sidebar-item.related{border:none}
.sidebar-item.related .related-list{padding:20px 0px}
.contact-box .inquiry-pc .des{margin-bottom:10px}
table td,table th{white-space:nowrap}}