@charset "utf-8";
/* 公共样式*/
:root {
	--scrollbar-width: calc(100vw - 100%);
	--white:  #fff;
  --white_deep1: #f8f9fa;
  --white_deep2: #f7f8f9;
	--gray_light: #f4f5f6;
  --gray_light1: #f1f2f3;
	--gray_light2: #cbcccd;
	--gray_light3: #edeeef;
}

/****** 链接 *******/
.link-w-b a, a.link-w-b{color: #fff;}
.link-w-b a:hover, a.link-w-b:hover{color: #44a8f2;}

.link-h-b a, a.link-h-b{color: #666;}
.link-h-b a:hover, a.link-h-b:hover{color: #44a8f2;}

.link-h2-b a, a.link-h2-b{color: #999999;}
.link-h2-b a:hover, a.link-h2-b:hover{color: #44a8f2;}

.link-h3-b a, a.link-h3-b{color: #333;}
.link-h3-b a:hover, a.link-h3-b:hover{color: #44a8f2;}

.link-h4-b a, a.link-h4-b{color: #000;}
.link-h4-b a:hover, a.link-h4-b:hover{color: #44a8f2;}

.link-h-g a, a.link-h-g{color: #333;}
.link-h-g a:hover, a.link-h-g:hover{color: #117938;}

.link-w-g a, a.link-w-g{color: #fff;}
.link-w-g a:hover, a.link-w-g:hover{color: #117938;}

.link-w-y a, a.link-w-y{color: #fff;}
.link-w-y a:hover, a.link-w-y:hover{color: #fe950f;}

.link-y-y a, a.link-w-y{color: #fe950f;}
.link-y-y a:hover, a.link-w-y:hover{color: #ffff00;}

.link-w-r a, a.link-w-r{color: #fff;}
.link-w-r a:hover, a.link-w-r:hover{color: #f00;}

.link-b-b a, a.link-b-b{color: #44a8f2;}
.link-b-b a:hover, a.link-b-b:hover{color: #0c93f7;}

.link-r-r a, a.link-r-r{color: #ff0000;}
.link-r-r a:hover, a.link-r-r:hover{color: #c60000;}

/****** 固定间隔 *******/
.int_10{height: 10px; line-height: 10px; overflow: hidden; clear: both;}
.int_20{height: 20px; line-height: 20px; overflow: hidden; clear: both;}
.int_30{height: 30px; line-height: 30px; overflow: hidden; clear: both;}
.int_40{height: 40px; line-height: 40px; overflow: hidden; clear: both;}
.int_50{height: 50px; line-height: 50px; overflow: hidden; clear: both;}
.int_60{height: 60px; line-height: 60px; overflow: hidden; clear: both;}
.int_70{height: 70px; line-height: 70px; overflow: hidden; clear: both;}
.int_100{height: 100px; line-height: 100px; overflow: hidden; clear: both;}


@media screen and (max-width: 993px) {
.int_70{height: 55px; line-height: 55px;}
}
@media screen and (max-width: 768px) { 
.int_10{height: 5px; line-height: 5px;}
.int_20{height: 10px; line-height: 10px;}
.int_30{height: 15px; line-height: 15px;}
.int_40{height: 20px; line-height: 20px;}
.int_50{height: 25px; line-height: 25px;}
.int_60{height: 30px; line-height: 30px;}
.int_100{height: 50px; line-height: 50px;}
}

/* 动画效果 */ 
.animation{-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
/*向上动画*/
.move-up-fast, .move-up-medium, .move-up-slow { opacity: 0; transition: all 1.5s ease .2s; -webkit-transform: translate(0,50px); transform: translate(0,50px); }
.move-up-medium { transition: all 1.5s ease .35s; }
.move-up-slow { transition: all 1.5s ease .5s; }
.anim-play .move-up-fast, .anim-play .move-up-medium, .anim-play .move-up-slow
	{ opacity: 1!important; -webkit-transform: translate(0,0)!important; transform: translate(0,0)!important; }

/****** 当前位置 *******/
.crumbs{
	/*line-height: 52px; */
	width: 1200px; margin: 0 auto; text-align: left;
	line-height: 42px;
	border-bottom: 1px solid #eee;
	background-color: #f3f3f3;
}
.crumbs span{padding: 0 8px;}

.mod-bner{width: 100%; overflow: hidden; height:550px; background: #0a0a0a no-repeat center center; background-size:auto 100%; }

.lists{width: 1200px; margin: 0 auto; clear: both;}
.lists .txt{height: 100%; position: relative; }
.lists_con{padding-top: 10px;}
.lists h3{ line-height: 60px; color: #000; padding-top: 32px; border-bottom: 1px solid #eee;}
.sub_nav{overflow: hidden;}

.sub_nav .tab{line-height: 51px; padding: 0 15px; display: inline-block; float: left; border-top: 2px solid rgba(255,255,255,0);}
.sub_nav .curtab {color: #000; background-color: #fff; border-top: 2px solid #000;}

.list_top{background-color: #fff; }
.lists_con .recom_pic{width: 58.334%; float: left;}
.lists_con .recom_pic img{width: 100%; }

.list1, .list2, .list3{overflow: hidden;}
.list1{width: 40.834%; float: right; background-color: #fff; height: 450px;}
.list1 div{padding: 0 10.206%;}
.list1 .list1_pic {text-align: center; position: relative;}
.list1 .list1_pic img{width: 73.08%; }
.list1 .list1_pic .title{position: absolute; left: 0; bottom: 0; line-height: 42px;}
.lists .title{color: #000; text-align: left;}
.lists .content{line-height: 22px; padding-top: 12px; max-height: 60px; overflow: hidden; font-weight: 100; text-align: left; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size: 0.875em; }
.lists .button{padding-top: 34px;}

.list2{width: 49.584%; float: left; background-color: #fff; height: 300px;}
.list2.fr{float: right;}
.list2 .list2_pic{float: left; width: 47.9%;}
.list2 .list2_pic img, .lists_con_l .list3_pic img{width: 100%;}
.lists .list2 .title{line-height: 40px; margin-top: 48px; height: 40px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap}
.lists .list2 .content{height: auto; max-height: 108px; -webkit-line-clamp:3;}
.lists .list2 .button{position: absolute; bottom: 60px;}
.lists .list2 .txt{ float: left; width: 45.38%;}

.button1{ font-size: 0.875em; line-height: 30px; padding: 0 15px; background-color: #000; color: #fff; border-radius: 2px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; margin-right: 20px;}
.button1:hover{background-color: #44a8f2; color: #fff; }
.button2{ font-size: 0.75em;  color: #000; border-bottom: 2px solid #000; line-height: 27px; border-top: 1px solid #fff;-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} 
.button2:hover{border-bottom: 2px solid #44a8f2;}
.button1,.button2{ display: inline-block; float: left;}

.lists_con .lists_con_l{width: 57.5%; float: left;}
.lists_con .lists_con_r{width: 41.667%; float: right;}
.lists_con .lists_con_r .recom_pic{width: 100%; clear: both;}

.list3{background-color: #fff; height: 350px;}
.lists_con_l .list3_pic{float: left; width: 41.306%; margin-top: 3.625%;}
.lists .list3 .title{line-height: 48px; margin-top:18%;}
.lists .list3 .content{height: auto; padding-top: 10px; max-height: 80px; -webkit-line-clamp: 3; }
.lists .list3 .button{position: absolute; bottom: 80px;}
.lists .list3 .txt{ padding-left: 6%; float: left; width: 52.899%;}

.list3.n2{margin-top: 10px;} 
.list3.n2 .txt{float: left;}
.list3.n2 .list3_pic{float: right; margin-right: 5.7%; }

.lists .lists_con.n2 .lists_con_l{float: right;}
.lists .lists_con.n2 .lists_con_r{float: left;}
.lists .lists_con .lists_con_l.n2{float: right;}
.lists .lists_con .lists_con_r.n2{float: left;}

.list1, .list2, .list3, .recom_pic{-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.list1:hover, .list2:hover, .list3:hover, .recom_pic:hover{-webkit-box-shadow: rgba(0,0,0,.15) 0 0 20px; -moz-box-shadow: rgba(0,0,0,.15) 0 0 20px; box-shadow: rgba(0,0,0,.15) 0 0 20px;}

.more{float: right; line-height: 60px; background: url('../images/icon_all.png') no-repeat 44px 25px ; padding-right: 13px; }
h3 .more{font-size: 0.45em;} 
a.more:hover{background-position:44px -15px; }



.list, .list_dealer{width: 1200px; margin: 0 auto;}
.list h3{line-height: 42px; height: 62px; border-bottom: 2px solid #eee; padding-top: 20px;  position: relative;}
.list ul{padding-top: 20px; overflow: hidden; padding-left: 1px; padding-bottom: 1px;}
.list li{width: 33.33%; display: inline-block; border: 1px solid #eee; float: left; margin:-0.5px; padding-top: 11px; padding-bottom: 35px;}
.list li .pic img{width:100%;}
.list .title{line-height: 34px; color: #333; text-align: center; padding-bottom:14px; text-overflow: ellipsis; white-space: nowrap;}
.list .intor{padding: 0 9%; font-size: 0.875em; text-align: center; line-height: 23px; font-weight: 100; height:69px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; display: -webkit-box; }
.list .bottom{font-size: 0.75em; text-align: center; padding-top: 26px;}
.list .bottom a{display: inline-block; border-bottom: 2px solid #eee; line-height: 26px; border-top: 2px solid #fff; margin: 0 10px; }
.list a.bnt, .list .bnt2{line-height: 30px; border-radius: 2px; padding: 0 15px; color: #fff; border: 0; font-size: 0.875em;}
.list .bnt2{background-color: #ccc; display: inline-block;}

.list.blue .bnt{background-color: #44a8f2;}
.list.blue .bnt:hover{background-color: #0c93f7; color: #fff;}
.list.blue .bottom a{border-bottom-color: #44a8f2;}
.list.blue li:hover{border: 1px solid #44a8f2; position: relative;}
.list.blue strong{border-bottom: 2px solid #44a8f2; display: inline-block; margin-top: -2px; position: absolute; padding-right: 20px;}




.foot-k{ border-top: #eee 1px solid; background-color: #fff;}
.foot, .footer-info{ width: 1200px; margin: 0 auto; overflow: hidden; line-height: 70px; text-align: center; font-size: 0.875em;}
.foot-logo{float:left; line-height: normal; padding-top: 19px; fill: #040000;}
.foot-mt{float: right; padding-top: 25px;}
.foot-sub li{display: inline-block;}
.foot-sub li a{padding: 0 15px;}
.foot-sub li em{ font-size: 0.75em; color: #ccc;}
.foot-mt li{float: left; width: 20px; height: 20px; margin-left: 10px;  background: url('../images/icon.png') no-repeat;}
.foot-mt li a{ width: 20px; height: 20px;text-indent: -9999em; display: block;}
.foot-mt .n1{background-position:-170px -240px;}
.foot-mt .n2{background-position:-200px -240px;}
.foot-mt .n3{background-position:-230px -240px;}
.foot-mt .n4{background-position:-260px -240px;}
.foot-mt .n5{background-position:-290px -240px;}
.foot-mt .n6{background-position:-320px -370px;}
.foot-mt .n7{background-position:-350px -370px;}

.foot-mt .n1:hover{background-position:-170px -270px;}
.foot-mt .n2:hover{background-position:-200px -270px;}
.foot-mt .n3:hover{background-position:-230px -270px;}
.foot-mt .n4:hover{background-position:-260px -270px;}
.foot-mt .n5:hover{background-position:-290px -270px;}
.foot-mt .n6:hover{background-position:-320px -400px;}
.foot-mt .n7:hover{background-position:-350px -400px;}

.site-footer{border-top: #eee 1px solid; background-color: #fff;}
.footer-info{ line-height: 33px; font-size: 0.75em; color: #999; padding-bottom: 5px;}
#topcontrol{ /* background: rgba(0,0,0,.3); */}
.footer-info a{float: right;  text-align: left;}
.footer-info strong a{float: none; color: #999;}
.language { background: url('../images/icon.png') no-repeat -120px 3px; padding-left: 15px;}


/* 分页 */
#pages { padding:14px 0 10px; font-size: 0.875em; text-align: right;}
#pages a { display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #e3e3e3; text-align:center; padding:0 10px}
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none }
#pages span:not(.disabled) {
	display:inline-block;
	height:30px;
	line-height:30px;
	background:#44a8f2;
	border:1px solid #44a8f2;
	color:#fff;
	text-align:center;
	padding:0 10px
}

/* 搜索条 */
.search-wrapper {
	position: absolute;
	z-index: 99;
	padding: 15px 0 0 0;
	-webkit-transform: translate(-112%, 0%);
	-moz-transform: translate(-112%, 0%);
	-ms-transform: translate(-112%, 0%);

	/* 观察到元素向左滑开，到其设定宽度后，元素整体向左平移了一段距离 */
	/* 元素宽度 450px， 则最终呈现的是元素向左整体移动了 450 * 0.12 = 54 */
	transform: translate(-112%, 0%);
	left: 0;
}
.search-wrapper .input-holder { overflow: hidden; height: 40px; background: #fff; position: relative; width:40px; z-index: 2; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.search-wrapper.active .input-holder { width:450px; border-radius:2px; border: 1px solid #cccccc; -webkit-transition: all .5s cubic-bezier(0.000, 0.105, 1.570); -moz-transition: all .5s cubic-bezier(0.000, 0.105,  1.570); -ms-transition: all .5s cubic-bezier(0.000, 0.105,  1.570); transition: all .5s cubic-bezier(0.000, 0.105, 1.570); }
.search-wrapper .input-holder .search-input {width:100%; height:38px; padding:0px 70px 0 10px; opacity: 0; position:absolute; top:0px; left:0px; background: transparent; border:none; outline:none; font-size: 16px; font-weight: 400; line-height: 20px; color:#000; -webkit-transform: translate(0, 60px); -moz-transform: translate(0, 60px); -ms-transform: translate(0, 60px); transform: translate(0, 60px); -webkit-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570); -moz-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570); -ms-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570); transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; }
.search-wrapper.active .input-holder .search-input { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
.search-wrapper .input-holder .search-icon { width:40px; height:40px; border:none; background: rgba(255,255,255,0); padding:0px; outline:none; position: relative; z-index: 2; float:right; cursor: pointer; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; bottom: 5px;}
.search-wrapper .input-holder .search-icon span { width:50px; height:50px; display: inline-block; background: url(../images/icon5.png) no-repeat center / 50px;}
.search-wrapper.active .input-holder .search-icon span {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0.5; }
.search-wrapper .close { position:absolute; z-index:1; top:24px; right:0; width:25px; height:25px; cursor: pointer; opacity:0; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); transform: rotate(-180deg); -webkit-transition: all .7s; -moz-transition: all .7s; -ms-transition: all .7s; transition: all .7s; }
.search-wrapper.active .close { right:-45px; opacity: 1; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .6s cubic-bezier(0.100, 0.105, 0.035, 1.570); -moz-transition: all .6s cubic-bezier(0.100, 0.105, 0.035, 1.570); -ms-transition: all .6s cubic-bezier(0.100, 0.105, 0.035, 1.570); transition: all .6s cubic-bezier(0.100, 0.105, 0.035, 1.570); -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s; }
.search-wrapper .close::before, .search-wrapper .close::after { position:absolute; content:''; background: #000; border-radius: 2px; }
.search-wrapper .close::before { width: 2px; height: 23px; left: 10px; top: 0px; }
.search-wrapper .close::after { width: 23px; height: 2px; left:0px; top:10px; }
.search-wrapper .input-holder .search-icon span, #navbar-menu{opacity: 1;  -webkit-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650); -moz-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650); -ms-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650); transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);}
nav.navbar.bootsnav.active2{background-color: #fff;}
#navbar-menu{float: left;}
.active2 #navbar-menu{opacity: 0;}
#loading{ text-align: center; color: #bebebe;  font-size: 0.875em;}

@media only screen and (max-width:1366px){
	.footer-info a{width: 142px;}
}
@media only screen and (max-width:1200px){
	.crumbs{width: 100%; padding: 0 2%;}
	.mod-bner{height:450px;}
	.list, .list_dealer{width: 100%;}
	.foot, .footer-info {width: 100%;}
	
	.lists{width: 1000px;}
	.lists .button {padding-top: 14px;}
	.list1{height: 375px;}
	.list2{height: 260px;}
	.lists .list2 .button {bottom: 40px;}
	.list3 {height: 291px;}
	.lists .list3 .button{bottom: 50px;}
}
@media only screen and (max-width:1000px){
	.crumbs{width: 100%; padding: 0 2%; line-height: 32px; border-bottom: 1px solid #eee; background-color: #f3f3f3; font-size: 13px;}
	.mod-bner{height:360px;}
	.foot-mt, .foot-sub li em{display: none;}
	.foot-logo{float:none; padding: 10px 0;}
	.foot-sub li a{padding: 0 5px; font-size: 13px;}
	.foot-sub{padding: 5px 0; border-top: #eee 1px solid;}
	#topcontrol{ width: 30px; height: 30px; z-index: 99;}
	#topcontrol img{ width: 100%;}
	.more{font-size: 0.6em;}
	.footer-info a{float: none; display: block;line-height: 16px; padding-top: 8px; width: auto; text-align: center;}
	.foot{line-height: 36px;}
	
	.lists{width: 768px;}
	.lists .button {padding-top: 34px;}
	.list1{height: 288px;}
	.list1 .list1_pic .title{ bottom: -20px;}
	.lists .content {display: none;}
	.list2{height: auto;}
	.list2 .list2_pic{width: 60%; float: none; margin: 0 auto;}
	.lists .list2 .txt{width: 100%; float: none; padding: 0 10%;}
	.lists .list2 .title{text-align: center; margin-top: 0;}
	.lists .list2 .button{position: initial; padding-top: 20px; padding-bottom: 40px; overflow: hidden; text-align: center;}
	.button1, .button2{float: none; height: 30px;}
	.button1{margin-top: 1px;}
	.list3 {height: 225px;}
	.list3.n2{margin-top: 5px;}
	.lists .list3 .title{font-size: 1.625em;}
}
@media screen and (max-width: 768px){ 
	.mod-bner{height:220px;}
	.hidden-xs{display:none !important}
	#pages { padding:7px 2% 5px 2%;}
	
	.lists, .list1, .lists_con .recom_pic{width: 100%;}
	.list1{height: auto;}
	.list1 .list1_pic img { width: 82%;}
	.list1 .list1_pic .title {position: static; text-align: center;}
	.lists .button {padding-top: 20px; padding-bottom: 40px; text-align: center;}
	.list2 .list2_pic {width: 90%;}
	.esc .list2 .list2_pic {width: 100%;}
	.lists .list2 .title{font-size: 1em;}
	.button1{font-size: 0.75em; padding:0 6%;}
	.lists .list2 .txt {padding: 0;}
	.lists h3 {padding-top: 20px ;padding-left: 1%; font-size: 26px}
	h3 .more{font-size: 12px;} 
	.sub_nav .tab{font-size: 0.875em;line-height: 30px; padding: 0 8px;}
	
	.lists_con .lists_con_r, .lists_con .lists_con_l{width: 100%; float: none; overflow: hidden;}
	.lists_con .lists_con_r{margin-bottom: 5px;}
	.list3{height: auto;width: 49.584%; float: left;}
	.list3.n2{margin-top: 0px; float: right;}
	.lists_con_l .list3_pic{float:none; width: 100%; margin-top: 0;}
	.lists .list3 .title{font-size: 1em; margin-top: 0; text-align: center; line-height: 30px;}
	.lists .list3 .button{position: static;}
	.lists .list3 .txt{padding: 0; width: 100%; text-align: center;}
}
@media screen and (max-width: 480px){ 
	.mod-bner{height:200px;}
	.button1{margin-right:0px;}
	.button2{margin-left: 8px;}
    
}


.pro-cat-ul {
	margin: 0;
	padding: 0;
	display: grid;
	/*grid-template-columns: repeat(auto-fit, minmax(120px, auto));*/
	/*grid-template-columns: repeat(auto-fit, minmax(120px, 0.1fr));*/
	/*grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));*/
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 10px;
	justify-content: center;
}

.pro-cat-li {
	text-align: center;
}

.pro-cat-li > a {
	display: inline-block;
	width: 100%;
	border: 2px solid #fff;
	background-color: #fff;
}

.pro-cat-li > a:hover {
	border: 2px solid #eee;
}

.pro-cat-li > a > img {
	display: block;
	max-width: 100%;
	height: 240px;
	margin: 0 auto;
	object-fit: cover;
	object-position: center;
}

.pro-cat-li > a > span {
	width: 100%;
	display: block;
	padding: 8px 0;
}

.pro-cat-li > a > span:hover {
	background-color: #fff;
}

.params-filter-title {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	display: none;
}

.params-filter-form {
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
}

.params-filter-div {
	min-width: 280px; /* 最小宽度，确保在窄屏幕有合理布局 */
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); /* 自动适应列数 */
	gap: 10px;
	justify-content: center;
}

.pf-input-l {
	text-align: left;
	white-space: nowrap;
	display: flex;
	align-items: center;
	gap: 8px; /* 标签与输入框间距 */
}

.pf-input-l > span {
	display: inline-block;
	min-width: 40px; /* 确保标签有足够宽度 */
}

.pf-input {
	height: 38px;
	padding: 0 0.5em;
	width: 100%;
	box-sizing: border-box;
	flex: 1; /* 输入框占满剩余空间 */
	border: none;
}

.pf-input-btn {
	text-align: left;
	min-width: 120px; /* 按钮区域最小宽度 */
}

.pf-form-submit {
	width: 100%;
	height: 38px;
	cursor: pointer;
	border: none;
	background-color: #ddd;
}

@media (max-width: 959px) {
	.pf-input-btn {
		width: 204.5%;
	}
}

/* 针对小屏幕的优化 */
@media (max-width: 480px) {
	.params-filter-div {
		grid-template-columns: 0.8fr; /* 超窄屏幕单列显示 */
	}

	.pf-input-btn {
		width: 100%;
	}
}