@media only screen and (min-width: 320px) and (max-width: 740px) {
	.banner h1{font-size: 0.6rem !important;}
	.banner a{width: 2.98rem !important;}
	.about .aleft p{line-height: 0.32rem;}
	.about iframe{width: 100%;margin-top: 0.5rem;}
	.about .capa,.about ul,.product .bf,.product .kf{flex-wrap: wrap;}
	.about ul li .shu{font-size: 0.5rem;}
	.about ul li{width: 48%;margin-bottom: 0.2rem;}
	.product .pro ul{display: none !important;}
	.product .bf img{width: 100%;height: auto;margin-top: 0.4rem;}
	.product .kf img,.process .rcm img{width: 100% !important;height: auto;margin-bottom: 0.4rem;}
	.why ul li,.exhibition .video p,.exhibition .video iframe{width: 100% !important;}
	.process .rcm,.exhibition .video{flex-wrap: wrap;}
					}					
@media only screen and (min-width: 741px) and (max-width:1400px) {	
	.about .aleft{width: 40.57%;}
	.banner p{width: 6rem;}
	.about .aleft p{line-height: 0.3rem;}
	.about iframe{width: 47%;}
	.about ul li{width: 22.93%;}
	.about ul li .shu{font-size: 0.5rem;}
	.probanner p{width: 8.16rem;}
	.product .bf .left{text-align: right;margin:0.46rem 0.8rem 0 0;}
	.product .bf .left h2::after{content: "";display: block;width: 1.12rem;height: 2px;background: #006EC5;position: absolute;top: 50%;left: 102.5%;}
	.product .bf img{width: 56.21%;height: auto;}
	.product .kf .left{margin:0.46rem 0 0 0.8rem;}
	.product .kf .left h2::after{content: "";display: block;width: 1.12rem;height: 2px;background: #006EC5;position: absolute;top: 50%;right: 102.5%;}
	.product .kf img{width: 56.21%;height: auto;}
	.product .bf .left .fd{display: flex;justify-content: flex-end;}
	.exhibition .video p{width: 30%;}
	.exhibition .video iframe{width: 59.93%;}
	.exhibition ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(33.33% - 30px),1fr));
	    grid-gap: 38px 30px;}
					}
@media only screen and (min-width: 1400px)  {
	.about .aleft{width: 40.57%;}
	.banner p{width: 5rem;}
	.about .aleft p{line-height: 0.18rem;}
	.about iframe{width: 47%;}
	.about ul li{width: 22.93%;}
	.about ul li .shu{font-size: 0.56rem;}
	.probanner p{width: 7.16rem;}
	.product .bf .left{text-align: right;margin:0.46rem 0.8rem 0 0;}
	.product .bf .left h2::after{content: "";display: block;width: 1.12rem;height: 2px;background: #006EC5;position: absolute;top: 50%;left: 102.5%;}
	.product .bf img{width: 56.21%;height: auto;}
	.product .kf .left{margin:0.46rem 0 0 0.8rem;}
	.product .kf .left h2::after{content: "";display: block;width: 1.12rem;height: 2px;background: #006EC5;position: absolute;top: 50%;right: 102.5%;}
	.product .kf img{width: 56.21%;height: auto;}
	.product .bf .left .fd{display: flex;justify-content: flex-end;}
	.exhibition .video p{width: 30%;}
	.exhibition .video iframe{width: 59.93%;}
	.exhibition ul{display: grid;grid-template-columns: repeat(auto-fill,minmax(calc(33.33% - 30px),1fr));
	    grid-gap: 38px 30px;}
					}	
.banner{background: url(../images/banner.jpg) no-repeat;background-size: cover;padding: 1.84rem 0 2.02rem 0;}
.banner h1{font-size: 0.64rem;font-family: Source Sans Variable;font-weight: 400;color: #FFFFFF;line-height: 0.85rem;}
.banner p{font-size: 0.16rem;font-weight: 500;color: #FFFFFF;margin: 0.55rem 0 0.78rem 0;}
.banner a{display: block;width: 1.98rem;height: 0.6rem;background: #006ec5;text-align: center;line-height: 0.6rem;color: #FFFFFF;font-size: 0.18rem;
font-weight: 800;border-radius: 31px;}
.banner a i{font-weight: 400;font-size: 0.2rem;margin-right: 0.06rem;}
.about {padding: 1rem 0 0 0;}
.about .capa{display: flex;justify-content: space-between;}
.tit{display: inline-block;font-size: 0.16rem;font-weight: 800;color: #04518C;position: relative;z-index: 999;}
.about .aleft .tit::before{content: "01";font-size: 0.8rem;font-family: Myriad Variable Concept;font-weight: bold;color: #E6E6E6;
position: absolute;left: 0;top: -0.53rem;z-index: -1;}
.tit::after{content: "";display: block;width: 0.49rem;height: 0.03rem;background: #04518C;position: absolute;right: -0.53rem;top: 0.1rem;}
.about .aleft h2{font-size: 0.4rem;font-weight: 800;color: #000000;margin: 0.31rem 0 0.22rem 0;}
.about .aleft p{font-size: 0.14rem;margin-bottom: 0.24rem;font-weight: 400;color: #495057;}
.about .aleft a{display: inline-block;margin-top: 0.55rem; border: 1px solid #006EC5;font-size: 0.14rem;color: #006EC5;font-weight: bold;padding: 0.07rem 0.12rem;}
.about iframe{height: auto;aspect-ratio: 43 / 25;border: none;}
.about ul{display: flex;justify-content: space-between;margin: 0.89rem 0;}
.about ul li{box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.6);text-align: center;padding: 0.28rem 0 0.48rem 0;}
.about ul li .shu{font-weight: 800;}
.about ul li .shu sup{font-size: 0.2rem;}
.about ul li .yfms{font-size: 0.14rem;font-weight: bold;color: #495057;} 
.product .tit::before{content: "02";font-size: 0.8rem;font-family: Myriad Variable Concept;font-weight: bold;color: #E6E6E6;
position: absolute;left: 0;top: -0.53rem;z-index: -1;}
.product .pro{display: flex;justify-content: space-between;align-items: center;margin: 0.3rem 0 0.53rem 0 ;}
.product .pro ul,.product .pro .leibie{display: flex;align-items: baseline;}
.product .pro h2{font-size: 0.4rem;font-family: Bahnschrift;font-weight: bold;}
.product .pro ul li{font-size: 0.16rem;color: #333;font-weight: bold;margin-left: 0.79rem;}
.product .pro a{display: inline-block;border: 1px solid #006EC5;font-size: 0.14rem;color: #006EC5;font-weight: bold;padding: 0.04rem 0.12rem 0.04rem 0.34rem;}
.probanner{background: url(../images/probg.jpg) no-repeat;background-size: cover;padding: 1.3rem 0 2.3rem 0;}
.probanner h1{font-size: 0.64rem;font-weight: 800;color: #FFFFFF;line-height: 0.85rem;}
.probanner p{font-size: 0.18rem;color: #FFFFFF;margin: 0.27rem 0 0.82rem 0;}
.probanner a{display: inline-block;border: 1px solid #fff;font-size: 0.14rem;color: #fff;font-weight: 800;padding: 0.06rem 0.21rem;}
.product .bf{display: flex;justify-content: flex-end;margin: 0.9rem 0;}
.product .left h2{color: #006EC5;font-size: 0.24rem;position: relative;}
.product .left h3{font-size: 0.4rem;font-weight: 800;line-height: 0.53rem;margin: 0.27rem 0 0.57rem 0;}
.product .left p{font-size: 0.16rem;font-weight: bold;color: #495057;line-height: 24px;width: 72%;margin-bottom: 0.6rem;}
.product .left a{display: inline-block;border: 1px solid #006EC5;font-size: 0.14rem;color: #006EC5;font-weight: bold;padding: 0.06rem 0.21rem;}
.product .kf{display: flex;margin: 0.9rem 0;}
.why{background: url(../images/why.jpg) no-repeat;background-size: cover;padding: 1.1rem 0 0.47rem 0;}
.why .tit::before{content: "03";font-size: 0.8rem;font-family: Myriad Variable Concept;font-weight: bold;
color: #77797A;position: absolute;left: 0;top: -0.53rem;z-index: -1;}
.why h2{font-size: 0.4rem;color: #fff;margin: 0.46rem 0 0.05rem 0;}
.why .choice{font-size: 0.12rem;color: #999;font-weight: bold;}
.why ul {margin: 0.55rem 0 0 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.why ul li{display: flex;width: 50%;margin-bottom: 0.47rem;}
.why ul li .tubiao{flex-shrink: 0;width: 0.61rem;height: 0.61rem;text-align: center;line-height: 0.61rem;background: #006EC5;color: #fff;font-size: 0.4rem;border-radius: 50%;margin-right: 0.21rem;}
.why ul li .text .heng{width: 31px;height: 2px;background: #999;}
.why ul li .text h3{font-size: 0.2rem;color: #fff;margin: 0.07rem 0 0.03rem 0;}
.why ul li .text .dui{font-size: 0.14rem;font-weight: bold;color: #999;margin-bottom: 0.06rem;}
.why ul li .text .dui i{font-weight: 400;}
.process{background: #f6f6f6;padding: 0.83rem 0 0.96rem 0;}
.process h1{display: flex;justify-content: space-between;align-items: center;font-size: 0.4rem;margin-bottom: 0.86rem;}
.process h1 a{display: inline-block;border: 1px solid #006EC5;font-size: 0.14rem;color: #006EC5;font-weight: bold;padding: 0.06rem 0.21rem;}
.process .rcm{display: flex;justify-content: space-between;}
.process .rcm img{width: 55%;height: auto;margin-right: 0.35rem;}
.process .rcm .flow h2{font-size: 0.24rem;}
.process .rcm .flow p{font-size: 0.14rem;line-height: 18px;color: #495057;margin: 0.1rem 0 0.2rem 0;}
.process .rcm .flow ul li{background: #fff;border-left: 1px solid #495057;margin-top: 0.09rem;padding: 0.1rem 0.68rem 0.17rem 0.34rem;}
.process .rcm .flow ul li h3{font-size: 0.2rem;font-weight: 800;color: #495057;}
.process .rcm .flow ul li div{font-size: 0.12rem;line-height: 18px;color: #495057;}
.exhibition .exh{display: flex;justify-content: space-between;align-items: center;margin: 1.44rem 0 0.43rem 0;}
.exhibition .tit::before{content: "04";font-size: 0.8rem;font-family: Myriad Variable Concept;font-weight: bold;color: #E6E6E6;
position: absolute;left: 0;top: -0.53rem;z-index: -1;}
.exhibition .exh a{display: inline-block;border: 1px solid #006EC5;font-size: 0.14rem;color: #006EC5;font-weight: bold;padding: 0.06rem 0.21rem;}
.exhibition h2{font-size: 0.4rem;}
.exhibition .video{display: flex;justify-content: space-between;margin: 0.92rem 0 0.28rem 0;}
.exhibition .video p{font-size: 0.16rem;color: #495057;line-height: 24px;text-align: center;margin: 0.52rem 0;}
.exhibition .video iframe{height: auto;aspect-ratio: 8 / 5;border: none;}
.exhibition ul li div{position: relative;}
.exhibition ul li div::before {
content: "";z-index: -1;display: block;position: absolute;bottom: -18px;left: 30px;width: 100%;height: 90%;background-color: #efefef;}
.exhibition ul li div img{width: 100%;height: auto;}
.exhibition ul li h3{font-size: 0.14rem;color: #495057;text-align: center;margin: 0.35rem 0;}