.major {
	overflow: auto;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
  }
  
  .major>div {
	width: calc(25% - 1%);
	margin: 0.5%;  /* 控制模块间距 */
  }
  
  .major .eng-img {
	position: relative;
	display: block;
	overflow: hidden;
  }
  
  .major .eng-img > div {
	position: absolute;
	bottom: 0px;
	text-align: left;
	padding: 2% 0px 2% 6%;
	background-color: #0E6EB8;
	width: 100%;
	font-size: 30px;
	color: #FFFFFF;
  }
  
  .major .pro {
	background-color: #F6F6F6;
  }
  
  .major .pro > .title {
	overflow: auto;
	padding: 2% 0px 2% 6%;
  }
  
  .major .pro > .title > div {
	width: 5px;
	height: 5px;
	background-color: #0E6EBA;
	margin: 2.5% 2.5% 0px 0px;
  }
  
  .major .pro > .title > div,
  .major .pro > .title > a {
	float: left;
	display: block;
	font-size: 18px;
  }
  
  /* 第一行4个模块，第二行3个模块 */
  .major>div:nth-child(n+5) {
	width: calc(33.33% - 1%); /* 第二行模块宽度 */
  }
  
  /* 屏幕大于等于1200px */
  @media screen and (min-width: 1200px) {
	.major > div {
	  width: calc(23% - 1%); /* 1200px 以上，第一行显示4个模块 */
	}
  
	.major>div:nth-child(n+5) {
	  width: calc(23% - 1%); /* 第二行 3 个模块 */
	}
  }
  
  /* 屏幕大于等于992px, 小于1200px */
  @media (min-width: 992px) and (max-width: 1199px) {
	.major > div {
	  width: calc(23% - 1%); /* 适应宽度 */
	}
  
	.major>div:nth-child(n+5) {
	  width: calc(33.33% - 1%); /* 第二行3个 */
	}
  }
  
  /* 屏幕大于等于750px, 小于992px */
  @media (min-width: 750px) and (max-width: 991px) {
	.major > div {
	  width: 48%; /* 适应屏幕，两个模块一行 */
	}
  }
  
  /* 屏幕小于750px */
  @media (max-width: 749px) {
	.major > div {
	  width: 100%; /* 一行一个模块 */
	  margin-bottom: 20px;
	}
  }