@media only screen and (min-width: 320px) and (max-width: 740px) {
	.daohang .bx{flex-wrap: wrap;}
	.daohang ul li a{margin: 0 !important;}
	.daohang ul {justify-content: space-between;width: 100%;margin: 0.4rem 0;}

					}					
@media only screen and (min-width: 741px) and (max-width:1400px) {	
	.content ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(50% - 1.92rem),1fr));
	    grid-gap: 0.22rem 1.92rem;}
					}
@media only screen and (min-width: 1400px)  {
	.banner p{width: 45%;}
	.content ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(50% - 1.92rem),1fr));
	    grid-gap: 0.22rem 1.92rem;}
					}	
	.banner {background: url(../images/servicebanner.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;}
	.banner p{font-size: 0.16rem;font-weight: 800;color: #fff;}
	.banner .heng{width: 48px;height: 5px;background: #fff;margin: -0.07rem 0 0.21rem 0;}
	.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;}
	.daohang .bx{display: flex;justify-content: space-between;align-items: center;}
	.daohang h1{font-family: Bahnschrift;font-size: 0.36rem;position: relative;}
	.daohang h1::before{content: "SERVICE";font-size: 0.87rem;font-family: Myriad Variable Concept;font-weight: bold;color: #f2f2f2;
	position: absolute;left: 0;top: -0.4rem;z-index: -1;}
	.daohang ul{display: flex;}
	.daohang ul li a{font-size: 0.18rem;color: #333;font-weight: 800;margin-left: 0.37rem;}
	.daohang ul li a:hover{color: #0365B2 !important;}
	.daohang ul li .act{color: #0365B2 !important;}
	.quality {margin: 0.61rem 0 0.69rem 0;}
	.quality h1{font-size: 0.32rem;font-weight: 800;color: #495057;text-align: center;}
	.quality p{font-size: 0.16rem;font-weight: 800;color: #999;text-align: center;width: 86%;margin: 0.19rem auto;}

	.content ul li h2{font-size: 0.18rem;color: #495057;font-weight: 800;text-align: center;margin: 0.21rem 0;}
	.content ul li iframe{width: 100%;height: auto;aspect-ratio: 43 / 25;border: none;}
	.pa{display: flex;justify-content: space-evenly;padding: 1.03rem 0;background: #f6f6f6;margin-top: 0.99rem;}
	.pa a{display: block;width: 3.25rem;height: 0.61rem;text-align: center;line-height: 0.61rem;font-size: 0.18rem;font-weight: 800;color: #fff;background: #006ec5;border-radius: 20px;}
	.pa a:hover{background: #192b3f;}
	.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;}