@charset "utf-8";
@media(max-width:1024px){
.thumbnail-show{height:400px}
.thumbnail-box .prodetails-button-next,
.thumbnail-box .prodetails-button-prev{top:200px}
.pageabouttitle{font-size:var(--fontsize28)}
.pageabout .pageabout-2 .flex>div{width:100%;padding-right:0px}
.pageabout-3 .flex>div{width:100%}
.pageabout-4 ul{padding:0px 20px}
.pageabout-4 ul li{width:100%}
.pageabout-5 .flex .left{width:100%}
.pageabout-5 .flex .right{padding-left:0px}
.pagehonour .pagehonour-list .item{width:48%}
.pageteam .pageteam-list .item{width:48%}
.product-cateitem .cate-info{padding-top:38px}
.product-cateitem .cate-info .text{margin-top:30px}
.djuli{display: block;}
.djuli .page-main{width: 100%}
.service1{padding-bottom:30px}
.sidebar{display:block;padding: 0px;width: 100%;margin: 0px}
.wvxians{display: block;}
.pagenav-cate{display: block;}
.pagenav-cate{position:relative;width: 100%;margin-right: 0px}
.pagenav-cate .pagenav-menu{display:flex;align-items:center;justify-content:space-between;border:1px solid #f3f3f3;font-size:var(--fontsize22);background:#fafafa;text-transform:capitalize}
.pagenav-cate .pagenav-menu em{font-size:var(--fontsize24)}
.pagenav-cate .pagenav-catelist{display:none;position:absolute;top:100%;left:0;width:100%;background-color:#fff;box-shadow:rgba(0,0,0,.2) 0 2px 16px;z-index:9}
.pagenav-cate .pagenav-catelist a{padding:8px 15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.pagenav-cate .pagenav-catelist li{list-style:none;position:relative}
.pagenav-cate .pagenav-catelist li.active{}
.pagenav-cate .pagenav-catelist li.active>em{transform:rotateX(180deg)}
.pagenav-cate .pagenav-catelist li ul{padding-left:20px;display:none}
.pagenav-cate .pagenav-catelist li em{position:absolute;right:15px;top:6px;width:30px;height:30px;transition:all .2s linear;display:inline-flex;align-items:center;justify-content:center}
.procate li .info .title{font-size:var(--fontsize16)}


.pro-list.list1 li{width:32%}
.protype-demo-1 .protype-sec-3 .protype-sec-3-list li{width:48%;margin-bottom:1em}
.protype-demo-1 .protype-sec-5 .protype-sec-5-left{width:100%}
.protype-demo-1 .protype-sec-5 .protype-sec-5-right{width:100%;margin-top:1em}
.maylink-list{justify-content:space-between}
.maylink-list li{width:32%;margin-right:0px;margin-bottom:1em}



.pagesolutions .title{font-size:var(--fontsize26)}


.contactbox .contact-info .info-box{padding:30px 20px}
.contactbox .contact-info .info-box .call-txt{font-size:var(--fontsize18)}
.contactbox .contact-info .info-box .book-box .p1{font-size:var(--fontsize18)}
.contactbox .contact-info .info-box .book-box em{font-size:var(--fontsize16)}
.contactlist{padding-bottom:30px}
.contactbox{padding-bottom:30px}

.singglepic{height:400px}
.mediaplay{width:50px;height:50px;line-height:50px}
.mediaplay em{font-size:var(--fontsize30)}
.product-cateitem{width:100%}

.prodetails-top{padding:20px}
.preview-container .thumbnail-box{height:400px}
}

@media screen and (max-width:1280px){.contactbox .contact-info{width:100%}
	.service1 .list li{width:48%;margin:10px 0}
.contactbox .contactfeedback{width:100%;margin-top:25px}}
@media(max-width:768px){
	.home-projects .lge,.service2 ul{display: block;}
	.banner-inner{padding-top: 0px}
	.table-wrap table td, .table-wrap table th{padding: 10px 12px}
.banner-inner .banner-content .l-wrap{flex-wrap:wrap;flex-direction:column;align-items:flex-start}
.banner-inner .banner-breadcrumbs{font-size:var(--fontsize14);-webkit-line-clamp:2}
.common-main{padding:30px 0px}
.prodetails-content{margin-top:30px}
.pageabouttitle{font-size:var(--fontsize24)}
.pageabout-3 .flex .right{padding:20px}
.service1 .list-top{border-bottom:none}
.service1 .list-bottom{padding-top:0}
.service1 .list li{width:100%}

.inquiry-pc #feedbackForm input{width:100%;margin-right:0px}
.inquiry-pc #feedbackForm .send-btn{width:180px;height:48px;margin-top:10px}
.inquiry-pc #feedbackForm input{height:46px}
.contact-box .inquiry-pc .des{margin-bottom:10px}
.pageabout-4 ul li .top .title{font-size:var(--fontsize20)}
.pageabout-5 .flex .right ul li .icon{width:50px;height:50px}
.pageabout-5 .flex .right ul li .info .title{font-size:var(--fontsize20)}
.pagehistory .pagehistory-list .item{flex-wrap:wrap;flex-direction:row-reverse}
.pagehistory .pagehistory-list .item .left{flex-direction:row-reverse;width:100%;margin-bottom:10px}
.pagehistory .pagehistory-list .item .icon{background:#ccf4e0;color:var(--color)}
.pagehistory .pagehistory-list .item .info{width:100%}
.pagehistory .pagehistory-list .item .info .name{font-size:var(--fontsize18)}
.pagehistory .pagehistory-list .item .info::after{left:-40px;right:auto;border:20px solid transparent;border-right:20px solid #FFFFFF;display:none}
.pagehistory .pagehistory-list .item .right{flex-direction:row-reverse;flex:1}
.pagehistory .pagehistory-list .item .year{flex-direction:row-reverse}
.pagehistory .pagehistory-list .item .year::after{background:linear-gradient(-90deg,var(--color),#FFF)}
.pagehistory .pagehistory-list::before{display:none}
.pageteam .pageteam-list .item{width:100%}
.product-cateitem{flex-wrap:wrap;padding:0px 20px}
.product-cateitem .cate-img{width:100%}
.product-cateitem .cate-info{padding:20px 0!important}
.product-cateitem .cate-info .title{font-size:var(--fontsize20)}
.product-cateitem .cate-info .text{margin-top:15px}
.product-cateitem .cate-info .home-more{margin-top:20px}
.pro-list li .pro-info{padding:20px 15px}
.pro-list.list1 li{width:48%}
.pro-list li .icon{opacity:1;transform:none}
.banner-inner .banner-title-h1{font-size:var(--fontsize20)}
.banner-inner img{min-height:inherit;height:140px}
.pro-list{margin-top:1em}
.pro-list.list0 li .pro-info{padding:20px 15px}
.pro-list.list0 li .pro-img{width:46%}
.pro-list li .pro-info .more{display:none}
.protype-demo-1 .protype-sec-1 .l-wrap .protype-sec-1-left{width:100%}
.protype-demo-1 .protype-sec-1 .l-wrap .protype-sec-1-right{padding-left:0px;padding-top:20px}
.protype-demo-1 .protype-sec-1 .l-wrap .protype-sec-1-right .protype-sec-1-name{font-size:var(--fontsize24)}
.protype-demo-1 .protype-sec-2 .protype-sec-2-list li{width:100%}
.protype-demo-1 .protype-sec-title{font-size:var(--fontsize24)}
.protype-demo-1 .protype-sec-3 .protype-sec-3-list li{width:100%}
.protype-demo-1 .protype-sec-3 .protype-sec-3-list li .protype-sec-3-title{font-size:var(--fontsize20)}
.protype-demo-1 .protype-sec-4 .protype-sec-4-list li{width:100%;margin-bottom:1em}
.protype-demo-1 .protype-sec-4 .protype-sec-4-list li img{aspect-ratio:16/9;object-fit:cover}
.protype-demo-1 .protype-sec-4 .protype-sec-4-list li .protype-sec-4-info{position:relative;left:auto;bottom:0px;width:100%}
.protype-demo-1 .protype-sec-2 .protype-sec-2-list li .protype-sec-2-num{font-size:var(--fontsize30)}
.protype-demo-1 .protype-sec-3 .protype-sec-3-list li em{width:50px;height:50px}
.protype-demo-1 .protype-sec-1 .l-wrap .protype-sec-1-right .protype-sec-1-list li::after{width:100%}


.thumbnail-box .prodetails-button-next,.thumbnail-box .prodetails-button-prev{display:none}
.preview-container{width:100%;height:auto}
.prodetails-top{padding:15px}
.preview-container .thumbnail-box{width:100%;margin-right:0;height:auto;padding:0}
.preview-container .thumbnail-show{display:none}
.preview-container .thumbnail-box .item{aspect-ratio:1/1;border:none}
.prodetails-info .prodetails-btnlist{justify-content:space-between}
.prodetails-info .prodetails-btnlist>*{width:48%;min-height:auto;margin-right:0}
.prodetails-info{padding-left:0;margin-top:20px}
.prodetails-tabs{justify-content:flex-start}
.preview-container #media{aspect-ratio:1/1}
.mediaplay{width:50px;height:50px}
.singglepic{width:100%;height:auto;border:1px solid #ddd;aspect-ratio:1/1;margin-top:10px}

.pro-d-main .banner-inner img{display:none}

.prodetails-btnlist{justify-content:space-between}
.prodetails-btnlist>*{width:48%;min-width:inherit;margin-right:0px}
.pagelink{flex-direction:column}
.pagelink .pagelink-item{width:100%;padding:15px}
.pagelink .pagelink-item:nth-child(2){margin-top:10px}
.maylink-list li{width:48%}
.newslist.list1 li .info{padding:15px}
.newslist li .info .title{font-size:var(--fontsize18)}
.newslist.list1 li .info .date{left:15px}
.common-page a,.common-page span{min-width:40px;height:40px}
.newslist.list0 li .info{padding:15px}
.newslist.list0 li .img{width:45%}
.newslist li .info .text{margin:10px 0px 10px}
.newslist.list0 li .info .more{display:none}
.newslist li .info .date{margin-bottom:10px}
.pagesolutions-2{padding:20px 15px}
.pagesolutions-2-list li{width:48%;padding:20px 15px}
.project-wrap{justify-content:space-between}
.project-wrap li{width:48%;margin-right:0px}
.project-wrap li .project-info .project-name{font-size:var(--fontsize18)}
.download-list li .download-info{padding:10px 0px}


.contactlist li{width:100%;margin-bottom:25px}
.contactbox .contactfeedback{padding:20px;border-color:#eee}
.contactbox .contactfeedback .wmkcfeedback .inquiry-form>*{border-bottom:1px solid #eee}
.contactbox .contact-info .info-box{flex-wrap:wrap}
.contactbox .contact-info .info-box .call-box{width:100%;padding:0;margin:0;border-right:none}
.contactbox .contact-info .info-box .book-box{width:100%;margin-top:25px}


.inquiry-title{font-size:var(--fontsize24);margin-bottom:10px}
.newslist li .info .more{padding-top:10px}
footer .foot-item.foot-code{display:none}
.newscontent-title{font-size:var(--fontsize24)}
.protypefeedback{padding:25px 0px}}