@charset "utf-8";
@media(max-width:1024px){.nobanner{padding-top:60px}
.pro-cate-title{font-size:24px}
.aboutcompany-1 .list li{width:49%}
.aboutcompany-1 .list li:nth-child(1),.aboutcompany-1 .list li:nth-child(2){margin-bottom:80px}
.pagehonour .list li{width:32%}
.pagevideo .list li{width:49%!important}
.catelist .cateitem .cate-info{padding:15px 15px;justify-content:flex-start}
.catelist .cateitem .cate-info .text{padding:20px 0}
.pagenav-catelist{padding:20px 20px}
.pagenav-catelist ul{list-style:none}
.page-nav{background:0 0;padding:0;display:none}
.pro-cate-title{margin-top:0}
.pagenav-search{margin-top:0}
.page-main .pro-list.list1{justify-content:space-between}
.page-main .pro-list.list1 li{width:32%;margin-bottom:20px;margin-right:1%!important}
.page-main .pro-list.list1 li .pro-info{box-shadow:0 10px 19px 5px rgba(224,224,224,.42)}
.page-main .pro-list.list1 li .pro-info .data-price{opacity:1;visibility:inherit;overflow:inherit;transition:height .3s;height:50px}
.prodetails-info .prodetails-left,.prodetails-info .prodetails-right{width:100%;padding:0;border:none}
.prodetails-info .prodetails-name{font-size:24px}
.prodetails-info .prodetails-right{margin-top:20px}
.prodetails-info .prodetails-btnlist>*{min-width:160px;height:45px}
.prodetails-pictitle{font-size:26px}
.page-hotnews .swiper-slide .info .date{font-size:var(--fontsize14)}
.page-hotnews .swiper-slide .info .text{margin:10px 0}
.newslist li .info .title{font-size:var(--fontsize18)}
.newslist.list0 li .img{width:40%}
.page-hotnews .hotnews-pagination{bottom:0}
.newslist.list0 li .info{padding:0 0 0 20px}
.project-wrap{justify-content:space-between}
.project-wrap li{width:32%;margin-right:0}
.contactlist li{width:24%}
.contactbox .contactflex{flex-direction:column-reverse}
.contactbox .contactflex .contactform{width:100%}
.maylink-list{justify-content:space-between}
.maylink-list li{width:49%;margin-right:0;margin-bottom:20px}
.catecontainer .cate2list{justify-content:space-between}
.catecontainer .cate2list li{width:48%;margin-right:0}}
@media(max-width:768px){.inquiry-title{font-size:22px}
.pro-cate-title{font-size:var(--fontsize18)}
.aboutcompany-4 .logolist li{width:50%}
.aboutcompany-2 .list li{width:100%;margin-bottom:10px}
.aboutcompany-3 .item .img{width:100%}
.aboutcompany-3 .item{flex-direction:column-reverse}
.pagehonour .list li{width:49%}
.pageteam .flex .home-title{width:100%}
.pageteam .flex .home-title::after{display:none}
.pageteam .flex .home-des{text-align:left}
.pageteam .list{margin-top:30px}
.pageteam .list li .info::before{height:50px;top:-50px}
.pageteam .list li{width:100%;margin-top:0;margin-bottom:30px}
.pageteam .list li:last-child{margin-bottom:0}
.pageteam .list li .info{flex:1;margin-bottom:0}
.pageteam .list li .img{flex:none;width:40%}
.catelist .cateitem .cate-img{width:40%}
.page-main .pro-list.list1 li{width:49%;margin-right:0!important}
.page-main .pro-list.list1 li .pro-info{padding:10px}
.page-main .pro-list li .pro-info .data-price{display:none!important}
.page-main .pro-list li:hover .pro-info .more{background:0 0;color:var(--color)}
.page-main .pro-list li .icon{bottom:10px;right:10px;opacity:1;transform:translateY(0)}
.page-main .pro-list.list1 li:hover{margin-bottom:0}
.page-nav{padding-bottom:20px}
.page-main .pro-list.list0 li{margin-bottom:20px;padding-bottom:20px;align-items:flex-start}
.page-main .pro-list.list0 li .pro-img{width:40%}
.page-main .pro-list.list0 li .pro-info{padding:0 0 0 15px}
.page-main .pro-list.list0 li:hover .pro-info .more{color:var(--color)}
.prodetails-info .prodetails-name{font-size:20px}
.prodetails-info .prodetails-share{margin-top:10px}
.prodetails-pictitle{display:none}
.preview-container .thumbnail-show{display:none}
.thumbnail-show .prodetails-button-next,.thumbnail-show .prodetails-button-prev{display:none}
.preview-container{height:auto}
.preview-container .thumbnail-box{width:100%;padding:0}
.preview-container .thumbnail-box .swiper{padding-right:0}
.thumbnail-box .prodetails-button-next,.thumbnail-box .prodetails-button-prev{display:none}
.prodetails-info .prodetails-right{background:0 0;box-shadow:none}
.singglepic{width:100%;height:calc(100vw - 30px)}
.singglepic img{width:100%;height:100%;object-fit:cover}
.prodetails-info .prodetails-flex{margin-top:10px}
.preview-container .thumbnail-box .item{border:1px solid #eee!important;height:calc(100vw - 30px);background:#EEEEEE}
.preview-container .thumbnail-box .item video{width:100%;height:calc(100vw - 30px)}
.mediaplay{width:50px;height:50px}
.preview-container .thumbnail-box .item .mediaplay{opacity:0}
.preview-container .thumbnail-box .item.lazy-loaded .mediaplay{opacity:1}
.preview-container .thumbnail-box .item.item-cur::before{display:none}
.prodetails-info{background:0 0}
.preview-container .thumbnail-box .imgalt{position:absolute;left:50%;transform:translateX(-50%);bottom:10px;width:95%;height:40px;line-height:40px;background:#00000080;color:#FFFFFF;border-radius:30px;font-size:var(--fontsize14);padding:0 20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.prodetails-tabs .prodetails-tabs-item{font-size:var(--fontsize18);padding:15px 20px}
.newslist.list1{justify-content:space-between}
.newslist.list1 li{margin-right:0!important;width:49%}
.page-hotnews .swiper-slide{flex-direction:column}
.page-hotnews .swiper-slide .img{border-radius:0}
.page-hotnews .swiper-slide .img{width:100%}
.newslist.list0 li{margin-bottom:1em;padding-bottom:1em;align-items:flex-start}
.newslist.list0 li .info .more{display:none}
.newslist li .img .date{left:10px;top:10px;font-size:var(--fontsize12);padding:8px}
.newslist.list0 li .info .text{margin-bottom:0}
.faqs-list .project-info .project-name{padding-right:30px}
.faqs-list .project-info .project-name em{right:0}
.faqs-list .project-info .project-content{padding:20px 10px}
.project-wrap li{width:49%}
.project-wrap li .project-info{padding:10px 0}
.contactlist li{width:49%;margin-bottom:20px}
.contactbox{padding:30px 0}
.contactbox .contactflex .contactform{padding:20px 15px}
.contactbox .contactflex .contactform .contact-title{font-size:20px}
.contactlist li .icon em{width:60px;height:60px;font-size:26px}
.maylink-list li .pro-info{padding:15px 0}
.preview-container .thumbnail-box .banner-page{display:flex;align-items:center;position:absolute;right:10px;top:10px;color:#FFFFFF;z-index:1;background:rgba(0,0,0,.4);border-radius:15px;padding:0 10px;letter-spacing:2px;font-size:var(--fontsize14)}
.newscontent-title{font-size:20px}
.catecontainer .cate1title{font-size:20px}
.catenavwrap{top:60px}
.catenav li{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;width:50%;margin-right:0;padding:0;margin:8px 0;vertical-align:top}}
@media(max-width:500px){.pro-d-main .banner-inner{display:none}
.banner-inner .banner-content{height:90px;padding-top:10px;font-size:var(--fontsize12)}
.banner-inner::after{height:calc(100% - 90px)}
.banner-inner .banner-content .l-wrap{flex-direction:column}
.banner-inner .banner-title-h1{font-size:26px}
.banner-inner img{min-height:180px;height:180px}
.common-main{padding:30px 0}
.aboutcompany-1 .list li{width:100%;margin:80px 0 0!important}
.pagehonour .list li .info .title{font-size:var(--fontsize18)}
.pagevideo .list li{width:100%!important}
.catelist .cateitem .l-wrap{flex-direction:column!important}
.catelist .cateitem .cate-img{width:100%}
.catelist .cateitem .cate-info{padding:15px 0!important}
.page-main .pro-list li .pro-info .title{font-size:var(--fontsize16)}
.page-main .pro-list.list0 li .pro-info .text{margin-bottom:0}
.page-main .pro-list.list0 li .pro-info .more{display:none}
.common-page a,.common-page span{min-width:40px;height:40px}
.prodetails-tabs .l-wrap{padding:0}
.prodetails-tabs .prodetails-tabs-item{font-size:var(--fontsize16);padding:10px 10px}
.prodetails-info .prodetails-btnlist{justify-content:space-between}
.prodetails-info .prodetails-btnlist>*{width:49%;margin-right:0}
.newslist.list1 li{margin-bottom:2em}
.newslist.list1 li .info{margin-top:0;padding:10px}
.page-hotnews .swiper-slide .info .title{font-size:var(--fontsize18)}
.contactbox .contactflex .contactform .contact-title{font-size:var(--fontsize18)}
.faqs-list .project-info .project-name em{width:26px;height:26px}
.maylink-list li .pro-info .more{margin-top:0}
.pagelink .pagelink-item{width:100%;padding:0!important}
.prodetails-tabs{margin-top:30px}
.prodetails-info{padding-top:0}
.protypefeedback{padding:30px 0}
.pagelink .pagelink-item .link{font-size:var(--fontsize16)}
.pagenav-search{width:auto;max-width:100%;margin:0 20px}
.catecontainer .catenav{justify-content:space-between}
.catecontainer .catenav li{width:50%;margin-right:0;padding:4px 0}}
