@media only screen and (min-width: 320px) and (max-width: 740px) {
	.content .sidebar{width: 100%;margin-bottom: 0.2rem;}
	.content .pros {width: 100%;}
	.content .pros ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(50% - 0.37rem),1fr));
	    grid-gap: 0.5rem 0.37rem;}
	.content .sidebar .xl,.content .series{display: none;}
					}					
@media only screen and (min-width: 741px) and (max-width:1400px) {	
	.content .bx{display: flex;justify-content: space-between;}
	.content .sidebar{width: 2.55rem;}
	.content .pros {width: 79.29%;}
	.content .pros ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(25% - 0.37rem),1fr));
	    grid-gap: 0.5rem 0.37rem;}
		.all span{display: none;}
					}
@media only screen and (min-width: 1400px)  {
	.banner p{width: 45%;}
	.content .bx{display: flex;justify-content: space-between;}
	.content .sidebar{width: 2.55rem;}
	.content .pros {width: 79.29%;}
	.content .pros ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(25% - 0.37rem),1fr));
	    grid-gap: 0.5rem 0.37rem;}
	.all span{display: none;}
					}	
	.banner {background: url(../images/probanner.jpg) no-repeat;background-size: cover;padding: 1.42rem 0 1.1rem 0;}
	.banner h1{font-size: 0.64rem;font-family: Source Sans Variable;color: #fff;margin-bottom: 0.28rem;}
	.banner p{font-size: 0.16rem;font-weight: 800;color: #fff;}
	.crumbs {font-size: 0.12rem;font-weight: 500;color: #999;margin-bottom: 0.59rem;}
	.crumbs .bx{border-bottom: 1px solid #ebebeb;padding: 0.14rem 0;}
	.crumbs a{color: #999;}
	.content .side{border: 1px solid #ebebeb;}
	.content .side h1{font-size: 0.16rem;font-weight: 800;border-bottom: 1px solid #ebebeb;padding: 0.14rem 0.35rem;}
	 .content .side h1 a{color: #333;}
	.content .side ul li a{display: block;font-size: 0.16rem;color: #333;border-bottom: 1px solid #ebebeb;padding: 0.14rem 0 0.14rem 0.35rem;}
	.content .series a{display: block;text-align: center;background: #006ec5;font-size: 0.16rem;font-weight: 800;color: #fff;padding: 0.16rem 0;margin-top: 0.25rem;}
	.content .series p{background: #edeeef;text-align: center;font-size: 0.12rem;font-weight: 500;color: #333;padding: 0.09rem 0;}
	.content .pros h1{font-size: 0.24rem;font-weight: 800;color: #343A40;margin-bottom: 0.22rem;padding-bottom: 0.2rem;
	border-bottom: 1px solid #ebebeb;}
	.content .pros ul li img{width: 100%;height: auto;}
	.all{display: flex;justify-content: space-between;}
	.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 #006ec5;color:#006ec5;padding:6px 10px;text-decoration:none;}
	.pagination a:hover{background:#006ec5;color:#fff;}
	.pagination .current{background:#006ec5;border:1px solid #006ec5;color:#fff;font-size:14px;padding:6px 10px;}