@media only screen and (min-width: 320px) and (max-width: 740px) {	 
   .banner h1{font-size: 0.49rem;}
   .content ul li iframe{height: 4.16rem;}
					}					
		@media only screen and (min-width: 741px) and (max-width:1200px) {	
	.banner h1{font-size: 0.67rem;}
.content ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(100%/3 - 0.24rem),1fr));
		    grid-gap: 0.24rem 0.24rem;}
			.content ul li iframe{height: 2.16rem;}
					}
		@media only screen and (min-width: 1200px)  {
	.banner h1{font-size: 0.67rem;}
.content ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(100%/3 - 0.24rem),1fr));
		    grid-gap: 0.24rem 0.24rem;}
		.content ul li iframe{height: 2.16rem;}
					}
	.banner{background: url(../images/productbanner.jpg) no-repeat;background-size: cover;padding: 0.95rem 0 1.04rem 0;}
	.banner h1{color: #F0F2F3;}
	.crumbs {font-size: max(14px, 0.18rem);color: #F19E00;}
	.crumbs a{color: #F0F2F3;}
	.content {padding: 0.88rem 0;}
	
	.content ul li iframe{border: none;width: 100%;}
	.content ul li h2 a{font-size: 18px;color: #333;text-align: center;margin: 0.15rem 0;}
	.content ul li:hover h2 a{color: #F19E00;}
	.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 #1A2640;color:#1A2640;padding:6px 10px;text-decoration:none;}
	.pagination a:hover{background:#1A2640;color:#fff;}
	.pagination .current{background:#1A2640;border:1px solid #1A2640;color:#fff;font-size:14px;padding:6px 10px;}