@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;}
	.raw img,.rawl img{width: 100%;height: auto;}
	.rawl .mate{margin-bottom: 0.2rem;}
					}					
@media only screen and (min-width: 741px) and (max-width:1400px) {	
	.raw img{width: 38.36%;height: auto;margin-right: 1.63rem;}
	.rawl img{width: 38.36%;height: auto;margin-left: 1.63rem;}
	.raw .bx,.hui .raw,.bai .raw{display: flex;align-items: center;}
	.rawl{display: flex;align-items: center;justify-content: flex-end;}
	.mate {width: 39%;}
					}
@media only screen and (min-width: 1400px)  {
	.banner p{width: 45%;}
	.raw .bx,.hui .raw,.bai .raw{display: flex;align-items: center;}
	.rawl{display: flex;align-items: center;justify-content: flex-end;}
	.raw img{width: 38.36%;height: auto;margin-right: 1.63rem;}
	.rawl img{width: 38.36%;height: auto;margin-left: 1.63rem;}
	.mate {width: 39%;}
	
					}	
	.banner {background: url(../images/qualitybanner.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: "INNOVATION";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;}
	.mate{display: flex;}
	.mate .num{font-size: 0.32rem;font-weight: 800;color: #0365B2;margin-right: 0.21rem;}
	.mate .ana h2{font-size: 0.32rem;font-weight: 800;color: #495057;}
	.mate .ana .heng{width: 0.79rem;height: 2px;background: #72a7d1;margin: 0.18rem 0;}
	.mate .ana p{font-size: 0.16rem;font-weight: 800;color: #666;}
	.hui{background: #f6f6f6;padding: 0.7rem 0;margin: 0.7rem 0;}
	.hui .raw,.bai .raw{margin-top:0.7rem;}
	.pa{display: flex;justify-content: space-evenly;margin: 0.3rem 0 1rem 0;}
	.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;}
	