@media only screen and (min-width: 320px) and (max-width: 750px) {
	.content .slider{margin-bottom: 0.3rem;}
	.content .pro ul li{margin-bottom: 0.2rem;}
					}					
	@media only screen and (min-width: 751px) and (max-width:1200px) {	
	.form{width: 6.6rem;}	
	.content .bx{display: flex;}
	.content .slider{width: 2.9rem;flex-shrink: 0;margin-right: 0.3rem;}
	.content .pro ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(50% - 0.2rem),1fr));
		    grid-gap: 0.14rem 0.2rem;}
				}
	@media only screen and (min-width: 1200px)  {
	.form{width: 6.6rem;}
	.content .bx{display: flex;}
	.content .slider{width: 2.9rem;flex-shrink: 0;margin-right: 0.3rem;}
	.content .pro ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(100%/3 - 0.2rem),1fr));
		    grid-gap: 0.14rem 0.2rem;}
				}
	.contact{background: url(../images/contactbg.webp) no-repeat;background-size: cover;padding: 0.28rem 0 0.32rem 0;}
	.form h1{font-size: 0.3rem;font-weight: 800;color: #596D7E;}
	.form .ms{font-size: max(12px, 0.16rem);color: #666666;margin: 7px 0 0.77rem 0;}
	.form .biaodan{display: flex;flex-wrap: wrap;justify-content: space-between;}
	.form .inp{width: 45.45%;margin-bottom: 0.78rem;}
	.form input{width: -webkit-fill-available;font-size: max(12px, 0.16rem);padding: 0.04rem 0;background: none;
	border: none;outline: none;border-bottom: 1px solid #999;}
	.form .tex{width: 100%;}
	.form button{width: 1.62rem;height: 0.48rem;margin: 0.6rem 0 0 0;font-size: max(14px, 0.16rem);background: rgba(246,246,246,0.32);
	text-align: center;color: #596D7E;border: 1px solid #596D7E;border-radius: 23px;font-weight: 800;}
	.content {padding: 0.44rem 0;}
	.content .slider h2{font-size: max(18px, 0.2rem);background: #F4F4F4;color: #333333;padding: 0.04rem 0.19rem;border-bottom: 2px solid #D8B663;}
	.content .slider ul li a{font-size: 16px;color: #999;display: block;margin-top: 0.21rem;}
	.content .slider ul li a:hover{color: #D8B663;}
	.content .pro {width: -webkit-fill-available;}
	.content .pro h3{font-size: max(18px, 0.2rem);color: #333333;border-bottom: 1px solid #999999;padding-bottom: 8px;margin-bottom: 0.3rem;}
	.content .pro ul li img{width: 100%;height: auto;}
	.content .pro ul li h4{font-weight: 400;font-size: 18px;padding: 0.09rem 0;
	color: #333333;text-decoration-line: underline;text-align: center;}
	.pagination{text-align:center;margin:3% 0;line-height:23px;}
	.pagination span, .pagination a{font-size:14px;margin:2px 6px 2px 0;background:#fff;border:1px solid #D8B663;color:#D8B663;padding:6px 10px;text-decoration:none;}
	.pagination a:hover{background:#D8B663;color:#fff;}
	.pagination .current{background:#D8B663;border:1px solid #D8B663;color:#fff;font-size:14px;padding:6px 10px;}