<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media screen and (max-width:1366px){.content{padding:40px 0}
.now-txt p:nth-child(1){font-size:24px}
.now-txt p:nth-child(2){font-size:12px}
.now-us{width:240px;height:50px;font-size:20px}
.case .case-list ul li .show{width:80%}
.contact .contact-list li .title{font-size:20px;margin:4% 0}
.contact .contact-list li .des{font-size:16px}
.product .right-wrap .pro-list.list1{justify-content:space-between}
.product .right-wrap .pro-list.list1 li{width:48%;margin-right:0px}}
@media screen and (max-width:1024px){.technology-content .show p:nth-child(1){font-size:18px}
.technology-content .show p:nth-child(2){text-align:center;font-size:14px;margin-top:5%;line-height:1.5;width:74%}
.sidebar{display:none}
.case .case-list ul{justify-content:space-between}
.case .case-list ul li{width:48%;margin-right:0px;margin-bottom:4%}
.news .wrap-r .news-list li .info .title{font-size:18px}
.news .wrap-r .news-list li .info .text{font-size:14px}
.case .case-det .top .right{width:50%}
.case .case-det .top .right .title{font-size:34px;margin:3% 0}
.case .case-det .top .right ul li span{font-size:16px}
.solution .solution1-list li{padding:4%}
.contact .contact-list{flex-wrap:wrap}
.contact .contact-list li{width:48%;margin-bottom:4%}
.application2 .left{width:42%}
.application2 .right{margin-left:8%}
.application2 .right .title{font-size:28px}
.application2 .right .right-list .list li .tit{font-size:20px}
.application2 .right .right-list .list .show .theme{font-size:20px}
.president-content{flex-wrap:wrap}
.president-content .left{width:100%;margin-bottom:6%}
.president-content .right{width:100%}
.common-main .page-main{width:100%}
.diy_hxtit_wrap{ margin-top:10px;}
.diy_hxlist_wrap{ margin:15px 0; height:auto; overflow:hidden;}
.diy_hxlist_wrap ul li{ float:left; width:48%; height:auto; margin-right:4%; margin-bottom:4%;}
.diy_hxlist_wrap ul li img{ width:100%; height:auto;}
.diy_hxlist_wrap ul li:nth-child(2){ margin-right:0;}
.diy_hxlist_wrap ul li:nth-child(4){ margin-right:0;}
}
@media screen and (max-width:900px){.overview-content{flex-direction:column;padding:0px}
.overview-left{width:100%;box-sizing:border-box;margin-bottom:0px;margin-right:0px}
.content{display:none}
.overview-left div{width:100%}
.overview-left img{width:100%}
.overview-right{width:100%}
.technology-content ul{flex-wrap:wrap}
.technology-content .show p{width:100%}
.technology-content .show p:nth-child(1){font-size:18px;text-align:center}
.technology-content .show p:nth-child(2){font-size:14px}
.technology-nr p{font-size:18px}
.technology-content ul li{width:24%}
.technology-nr .technology-top .technology-mod em {font-size:66px;top:-50%}
.technology-nr .technology-top&gt;em {top:-1px;left:3px;font-size:30px}
.grade-content ul{width:100%;flex-wrap:wrap;justify-content:center;align-items:center}
.grade-content ul li{width:50%}
.industrial-title{font-size:40px}
.clients-content ul li{width:33%}
.advantage-list{justify-content:space-between}
.advantage-list li{width:48%;margin-right:0px}
.support .support-maintenance .item .img{margin-right:20px}
.support .support-maintenance .item.top .img {margin-left:20px;margin-right:0px}
.clients-content-wrap{ height:316px;}
}
@media screen and (max-width:768px){.every-title .des{width:82%}
.icon-videoplay {width:30px;height:30px}
.common-main{padding:15px 0 30px}
.technology-content ul li{width:48%;margin-bottom:1.5em}
.technology-nr .technology-top .technology-mod em {font-size:50px;left:50%;top:0%}
.technology-nr .technology-top&gt;em {top:0px;left:0px;font-size:50px}
.technology-content .show p:nth-child(1){font-size:24px}
.technology-content .show p:nth-child(2){font-size:20px;width:80%}
.information-txt-box{padding-top:50px;padding-bottom:130px}
.industrial-title{font-size:36px}
.clients-content h4{font-size:36px}
.now-context{flex-direction:column;align-items:flex-start;padding:20px}
.now-us{margin-top:30px;width:180px;height:40px;font-size:16px}
.now-txt p:nth-child(1){font-size:18px}
.news .wrap-r .particulars{padding:0;box-shadow:none}
.news .wrap-r .particulars .title{font-size:22px;line-height:1.2}
.news .wrap-r .news-list li{width:48%;margin-right:0px}
.news .wrap-r .news-list{justify-content:space-between}
.news .wrap-r .particulars .de-img{flex-wrap:wrap}
.news .wrap-r .particulars .de-img div{width:100%;margin:10px 0px}
.news .wrap-r .particulars .de-img div img{width:98%}
.news .wrap-r .news-list.list0 li .img{width:100%}
.news .wrap-r .news-list.list0 li .img img{width:100%}
.news .wrap-r .news-list.list0 li&gt;a{width:40%}
.news .wrap-r .news-list li .info{flex:1}
.news .wrap-r .news-list li .info .text{display:none}
.news .wrap-r .news-list li .info .time{font-size:14px}
.news-d-main .wrap-r{width:100%}
.news .wrap-r .news-list.list0 li .info .more-btn{display:none}
.send .top{width:100%;margin-top:3%}
.send .item input{padding:2.5% 20px}
.product .right-wrap .pro-list li .pro-img .icon{opacity:1}
.product .right-wrap .pro-list.list1{justify-content:space-between}
.product .right-wrap .pro-list.list1 li{width:48%;margin-right:0px}
.product .right-wrap .pro-list.list1 li:nth-child(3n){margin-right:0px}
.product .right-wrap .detail .text{margin-left:0px}
.product .page-container .product-catelist .product-cateitem{width:100%;margin-right:0px}
.product .right-wrap .pro-list.list0 li .pro-img{width:45%}
.product .like .pro-list li .pro-info .text{display:none}
.product .right-wrap .like .pro-list .pro-img{width:40%}
.product .right-wrap .like ul li{width:100%}
.product .right-wrap .like ul li .btn{margin-top:6px}
.pro-d-main .crumbs{display:none}
.product .right-wrap .commodity .info .btn .addToCart{padding:6px 10px;margin-right:0px}
.product .right-wrap .commodity .info .btn&gt;div{width:48%}
.product .right-wrap .commodity .info .btn .probtn{margin-right:0px}
.pro-list.list1 li .pro-info{text-align:left}
.pro-list li .pro-info .btn{padding:4px 0px}
.product .right-wrap .pro-list li:hover .pro-info .btn{padding:4px 6px}
.detail-page{flex-wrap:wrap}
.detail-page&gt;div{width:100%;margin:10px 0px}
.product .right-wrap .commodity .info .btn{justify-content:space-between}
.right-wrap{width:100%;flex:inherit}
.product .right-wrap .commodity .info{width:100%;flex:inherit;margin-left:0px}
.preview-container{width:100%}
.preview-container .small-box{display:none}
.preview-container .thumbnail-box{padding:0;margin:0px;border:1px solid #dcdcdc;overflow:hidden}
.preview-container .thumbnail-box .item{height:calc(100vw - 30px);border:none}
.product .page-container .product-catelist .product-cateitem .cate-info .cate-title{font-size:18px}
.preview-container .thumbnail-box .item .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}
.preview-container .thumbnail-box .prodetails-button-next,.preview-container .thumbnail-box .prodetails-button-prev{display:none}
.preview-container .banner-page{position:absolute;right:10px;bottom:10px;width:32px;height:32px;border-radius:50%;background:#C40D23;color:#FFF;display:flex;align-items:center;justify-content:center;z-index:9}
.preview-container #media{border:none;height:100%!important}
.case .case-det .top{flex-wrap:wrap}
.case .case-det .top .left{width:100%}
.case .case-det .top .right{width:100%;margin-left:0px;margin-bottom:5%}
.solution-b .solution-b-list{justify-content:space-between}
.solution-b .solution-b-list li{width:48%;padding:4%;margin-right:0px;margin-bottom:3%}
.solution-b .every-title .title{font-size:24px}
.solution .solution1-list li{width:100%}
.solution .solution2-list li{width:100%}
.contact .inquiry input{width:100%}
.advantage-list{justify-content:space-between}
.advantage-list li{width:48%;box-sizing:border-box;padding:1.4% 2%;background-color:#f4f5fd;border-radius:var(--border);display:flex;margin-right:0px;margin-bottom:2%}
.application2{flex-wrap:wrap}
.application2 .left{width:100%}
.application2 .right{margin-left:0px;margin-top:20px}
.president-content .right .tit{font-size:26px}
.rd .rd-content{flex-wrap:wrap}
.rd .rd-content .left{width:100%}
.rd .rd-content .right{width:100%;margin-top:20px}
.rd .rd-content .left .every-title .theme{font-size:14px}
.rd .rd-content .left .every-title .title{font-size:20px}
.team .team-member .team-list .item{width:100%;overflow:hidden;margin-bottom:2em}
.team .team-member .team-list .item .member-img img{width:100%}
.team .team-member .team-list{justify-content:center}
.team .teamtitle{text-align:center;font-size:24px}
.team .teamdes{margin-top:10px}
.our-history .history-content .swiper .swiper-wrapper .swiper-slide::before{left:103%}
.support .support-maintenance .item{flex-wrap:wrap}
.support .support-maintenance .item .info{width:100%}
.support .support-maintenance .item.top{flex-direction:column-reverse}
.support .support-maintenance .item .img{width:100%;margin-right:0px;margin-bottom:20px}
.support .support-maintenance .item.top .img{margin-left:0px}
.support .support-maintenance .item .img img{width:100%;margin:0}
.inquiry-pc #feedbackForm input{width:100%;margin-right:0px;font-size:16px}
.inquiry-pc #feedbackForm .send-btn{width:180px;height:48px;margin-top:10px}
.download-list li{width:100%}
.download-list li .download-info{padding:0px 10px}
.download-list li .download-btn{width:100px}
.advantage-list li{width:49%;margin-right:0px}
.advantage-list{justify-content:space-between}

.pc_show{ display:none;}
.mo_show{ display:block;}
.yb_conct{ display:none;}


.diy_about_wrap_mo .group_15[data-v-000000] {
	margin-top: 0rem;
	padding: 0 0.5rem
}

.diy_about_wrap_mo .group_15 .text_30[data-v-000000] {
	align-self: center;
	color: #1b2c56;
	font-size: 1.5rem;
	font-weight: 700;
	font-weight: 500;
	line-height: 2.06rem;
	text-align: center
}

.diy_about_wrap_mo .group_15 .text_31[data-v-000000] {
	align-self: center;
	color: #1b2c56;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.75rem;
	margin-top: .13rem;
	white-space: nowrap
}

.diy_about_wrap_mo .group_15 .text_32[data-v-000000] {
	color: #828ba2;
	font-size: 1rem;
	line-height: 1.56rem;
	margin-top: .63rem;
	text-align: justify
}

.diy_about_wrap_mo .group_16[data-v-000000] {
	margin-top: 1.94rem;
	padding-top: 240px;
	position: relative
}

.diy_about_wrap_mo .group_16 .section_23[data-v-000000] {
	background-color: #f5f7f9;
	padding: .39rem 0rem 1.75rem
}

.diy_about_wrap_mo .group_16 .section_23 .text_33[data-v-000000] {
	align-self: flex-end;
	color: #fd3d4c;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.75rem;
	margin-right: 1.03rem;
	white-space: nowrap
}

.diy_about_wrap_mo .group_16 .section_23 .group_17[data-v-000000] {
	margin-top: 1.38rem
}

.diy_about_wrap_mo .group_16 .section_23 .group_17 .group_18[data-v-000000] {
	padding: 0 1.01rem 0 1.1rem
}

.diy_about_wrap_mo .group_16 .section_23 .group_17 .group_18 .group_19[data-v-000000] {
	padding: 0 .69rem
}

.diy_about_wrap_mo .group_16 .section_23 .group_17 .group_18 .group_19 .text_34[data-v-000000] {
	color: #fd3d4c;
	font-size: 1.5rem;
	line-height: 1.81rem;
	white-space: nowrap
}

.diy_about_wrap_mo .group_16 .section_23 .group_17 .group_18 .group_19 .text_35[data-v-000000] {
	color: #fd3d4c;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.38rem;
	margin: .25rem 0 .19rem;
	white-space: nowrap
}

.diy_about_wrap_mo .group_16 .section_23 .group_17 .group_18 .text_36[data-v-000000] {
	color: #1b2c56;
	font-size: .81rem;
	line-height: 1.13rem;
	margin-top: .31rem;
	white-space: nowrap
}

.diy_about_wrap_mo .group_16 .section_23 .group_17 .group_20[data-v-000000] {
	margin-left: 1.4rem
}

.diy_about_wrap_mo .group_16 .section_23 .group_17 .group_20 .text_39[data-v-000000] {
	color: #fd3d4c;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.75rem;
	white-space: nowrap
}

.diy_about_wrap_mo .group_16 .section_23 .group_17 .group_20 .text_37[data-v-000000] {
	color: #fd3d4c;
	font-size: 1.5rem;
	line-height: 1.81rem;
	margin-right: .13rem;
	white-space: nowrap
}

.diy_about_wrap_mo .group_16 .section_23 .group_17 .group_20 .text_38[data-v-000000] {
	color: #1b2c56;
	font-size: .81rem;
	line-height: 1.13rem;
	margin-top: .31rem;
	white-space: nowrap
}

.diy_about_wrap_mo .group_16 .section_23 .group_17 .group_22[data-v-000000] {
	margin-left: 1.16rem;
	margin-right: .38rem
}

.diy_about_wrap_mo .group_16 .section_23 .group_17 .group_22 .group_23[data-v-000000] {
	position: relative;
	width: 8.25rem
}

.diy_about_wrap_mo .group_16 .section_23 .group_17 .group_22 .group_23 .text_41[data-v-000000] {
	color: #fd3d4c;
	font-size: 1.5rem;
	line-height: 1.81rem
}

.diy_about_wrap_mo .group_16 .section_23 .group_17 .group_22 .group_23 .text_42[data-v-000000] {
	color: #1b2c56;
	font-size: .81rem;
	left: 1.97rem;
	line-height: 1.13rem;
	position: absolute;
	top: 2.13rem;
	white-space: nowrap
}

.diy_about_wrap_mo .group_16 .section_23 .group_17 .section_24[data-v-000000] {
	align-self: center;
	background-color: #c5c7cd;
	height: 2.63rem;
	width: .04rem
}

.diy_about_wrap_mo .group_16 .image_8[data-v-000000] {
	
	left: 50%;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width:95%
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-col {
    display: flex;
    flex-direction: column;
}

.items-end {
    align-items: flex-end;
    display: flex;
}

.items-center {
    align-items: center;
    display: flex;
}

}
@media screen and (max-width:500px){
.news .wrap-r .news-list li{margin-bottom:6%;width:100%}
.news .wrap-r .news-list.list0 li .info{padding:0px 10px}
.news .wrap-r .news-list_hc li{margin-bottom:6%;width:48%;margin-right:2%;}
.news .wrap-r .news-list_hc li:nth-child(2n){margin-right:0;}
.news .wrap-r .news-list_hc li:nth-child(3n){margin-right:2%;}
.news .wrap-r .news-list_hc li .info .title{ font-size:14px;}
.news .wrap-r .news-list.list0 li .info{padding:0px 10px}
.news{margin-bottom:20px}
.product .right-wrap&gt;.title{font-size:20px;margin-bottom:10px}
.detail-page .link-intro{width:50px;text-align:center}
.detail-page span{font-size:14px;padding:0px 15px}
.product .right-wrap .commodity .info .title{font-size:20px;font-weight:var(--fontweight4);color:var(--fontcolor);margin:12px 0px}
.product .right-wrap .pro-list.list0 li .pro-info{flex:1;padding-left:10px}
.product .right-wrap .pro-list.list0 li .pro-info .btn{display:none}
.product .page-container .product-catelist .product-cateitem .cate-info .cate-text{display:none}
.product .page-container .product-catelist .product-cateitem .cate-img{width:45%}
.pro-list li .pro-info .title{font-size:16px}
.every-title .des{width:100%;font-size:14px;margin-top:4%}
.overview-right{padding:0px}
.overview-right p{margin-right:0px}
.overview-right p:nth-child(1){color:#C40D23;margin-top:20px;font-size:14px}
.overview-right h4{font-size:18px;margin-bottom:10px}
.technology-content{margin:20px auto;padding:0px}
.technology-nr p{font-size:14px}
.technology-nr img{width:55px;height:64px}
.technology-content .show p:nth-child(1){font-size:16px}
.technology-content .show p:nth-child(2){font-size:12px;line-height:1.4;width:90%}
.industrial-title{font-size:24px;margin-top:10px;line-height:1.6}
.information-txt-box{padding-top:30px;padding-bottom:50px}
.information-btn{margin-top:20px;font-size:14px}
.grade-content ul{transform:translateY(-30px)}
.grade-content ul li p:nth-child(1){font-size:24px}
.grade-content ul li p:nth-child(2){font-size:14px}
.clients-content h4{margin:2% 0;font-size:24px;color:var(--fontcolor)}
.clients-content p:nth-child(1){font-size:14px}
.case .case-list ul li .show{width:100%;height:100%;bottom:0px;left:0px;display:flex;flex-direction:column;justify-content:center}
.case .case-list ul li .show .title{font-size:14px;margin:8px 0px}
.case .case-list ul li .show .des{display:none}
.case .case-list ul li .show .box{width:24px;height:24px}
.case .case-list ul li .show a em{font-size:16px}
.case .menu ul li a{padding:6px 8px;min-width:100px}
.case .case-det .top .right .title{font-size:24px;margin:5% 0}
.case .case-det .top .right ul li span{font-size:14px}
.case .case-det .bottom .title{font-size:20px}
.case .case-det .bottom p{line-height:26px;font-size:14px}
.case .case-det .bottom .item-ti{margin-top:4%;font-size:17px}
.case .case-det .bottom .mar{margin:4% 0}
.solution-b .solution-b-list li{width:100%;padding:4%;margin-bottom:6%}
.solution .solution1-list li .item-box .text .des{font-size:14px;color:var(--summarycolor);line-height:24px}
.solution .solution1-list li .item-box .text .title{font-size:20px}
.solution .solution1-list li{margin-bottom:6%}
.solution .solution2-list li .item-box .top .title{font-size:20px}
.solution .solution2-list li .item-box .bottom .des{font-size:14px;line-height:24px}
.solution .solution2-list li{margin-bottom:6%}
.contact .inquiry{background-color:#eff2f7;border-radius:10px;box-sizing:border-box;padding:6% 4%;margin-top:4%}
.contact .inquiry .send-btn{width:180px;height:48px;border-radius:var(--border);background-color:#C40D23;display:flex;align-items:center;justify-content:center;color:#FFF;font-weight:var(--fontweight5);margin-top:4%}
.contact .contact-list li .ic{font-size:24px;color:#C40D23}
.contact .contact-list li{width:100%}
.contact .contact-list li .title{font-size:18px;margin:2% 0}
.contact .contact-list li .des{font-size:14px}
.advantage-list li{width:100%;padding:12px 15px;margin-bottom:4%}
.advantage-list li .right .tit{font-size:18px}
.advantage-list li .right .des{font-size:14px}
.application2 .right .title{font-size:20px;margin-bottom:10px}
.application2 .right .des{font-size:14px;line-height:24px}
.application2 .right .right-list .list li .tit{font-size:18px}
.application2 .right .right-list .list .show .theme{font-size:18px}
.application2 .right .right-list .list .show .text{color:var(--summarycolor);margin:4% 0;font-size:14px}
.application2 .right .right-list .list li{padding:6% 0}
.president-content .left .play{width:70px;height:70px}
.president-content .left .play .img-box img{width:30px}
.president-content .right .tit{font-size:20px}
.president-content .right .des{font-size:14px;line-height:22px;margin:4% 0}
.president-content .right .list{flex-wrap:wrap}
.president-content .right .list div{width:100%;margin-bottom:20px}
.president-content .right .list div .theme{font-size:18px;margin-bottom:0px}
.rd .rd-content .left .info{font-size:14px;color:var(--summarycolor);margin:20px 0px}
.our-history .history-content .date{font-size:14px}
.our-history .history-content .tit{font-size:18px}
.our-history .history-content .des{font-size:16px;color:var(--summarycolor);white-space:inherit;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.our-history .history-content .swiper .swiper-wrapper .swiper-slide{width:47%}
.our-history .history-content .swiper .swiper-wrapper .swiper-slide:nth-child(2n) p{text-align:left;transform:translateX(112%)}
.our-history .every-title .title{font-size:20px}}
</pre></body></html>