/* 响应式 */
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:14px;}}
@media (max-width:328px){html{font-size:14px;}}



@media screen and (min-width: 200px) and (max-width: 1850px) {


}

/* ======================================================1800px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1800px) {

}


/* ======================================================1700px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1700px) {
 
}

/* ======================================================1600px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1600px) {

}

@media screen and (min-width: 1200px) and (max-width: 1600px) {
	
	
}

/* ======================================================1500px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1500px) {

}


/* ======================================================1400px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1400px) {


}



/* ======================================================1300px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1300px) {
  /* 首页 */
  .indexTwo ul {}
  /* .indexTwo ul li {width: 30%;} */
}


/* ======================================================1200px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1200px) {
  /* 头部 */
  .header .h-re {gap: 2.5rem;}
  .wap-click {display: block;     order: 1;}
  .header .h-nav {display: none;}

  /* 首页 */

  .indexTwo ul {flex-wrap: wrap;}
  .indexTwo ul li {width: 32%; margin-bottom: 2rem;}
 
} 

/* ======================================================1100px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1100px) {
 
}





/* ======================================================1000px========================================================= */
@media screen and (min-width: 200px) and (max-width: 1000px) {

  .indexTwo ul {flex-wrap: wrap;}

}





/* ======================================================900px========================================================= */
@media screen and (min-width: 200px) and (max-width: 900px) {

}



/* ======================================================手机端========================================================= */
@media screen and (min-width: 200px) and (max-width: 768px) {
 
}


@media screen and (min-width: 200px) and (max-width: 640px) {
 
  /* 首页 */
 
  .indexTwo .tle p {width: 100%;}
  .indexTwo ul li {width: 44%; height: 18rem;}  
  .indexTwo ul li span {font-size: 1rem; margin-top: 2rem;}
  .indexTwo .tle h3 {font-size: 2rem;}

}

@media screen and (min-width: 200px) and (max-width: 520px) {
 
}




@media screen and (min-width: 200px) and (max-width: 450px) {
 
}

@media screen and (min-width: 200px) and (max-width: 750px) {
	
		.indexTwo{ background: none;}
		.indexTwo{background: url(../images/index_bga.jpg) no-repeat center;padding:2rem 0}
		.indexTwo ul li {    height: auto;    width: 48%; margin-top: 1rem;}
		.indexTwo ul li a {width: 100%;height: auto;margin: 2rem 0;}
		.indexTwo ul{margin-top:2rem; justify-content: space-between; gap: 0; }
		.indexTwo .tle p{margin-top: 1rem;}
		
}