.banner{width:100%; height:auto; overflow:hidden;}
.banner img{width:100%; height:auto;}
.content{  height:auto;max-width: 1175px; margin: 0 auto;width: 100%; margin-top: 2em;}
.content .img img{margin: 0 auto;text-align: center;}


.con-top h2 a{ display:inline-block; font-size:14px; color:#333;}
.con-top h2 a:hover{ color:#ce0001;}

.classname{ display: flex; align-items: center;justify-content:center;}
.classname a{  flex: 1; margin-right:5px; height:40px; background:linear-gradient(45deg, rgb(0, 130, 230) 0%, rgb(0, 192, 156) 100%); color:#ffffff; line-height:40px; text-align:center;transition:1.5s ease-out;}
.classname a:hover{ transition:1.5s ease-out;background:linear-gradient(45deg, rgb(150, 0, 100) 0%, rgb(150, 192, 200) 100%);}
@media (max-width: 600px) {
  .classname a {
    
	  flex-wrap: wrap;
  }
}
.writer{ width:48%; height:216px; float:left; margin-left:1%; display:inline; margin-bottom:20px;}
.writer p{ float:left; margin-right:20px;}
.writer h3{ float:left; font-size:14px; color:#333; font-family:"微软雅黑"; line-height:24px;}
.writer span{ display:inline-block; float:left; width:65%; line-height:20px; margin-top:5px; text-indent:2em; color:#999;}
.writer a{ float:left;width:100%;display:inline-block; text-align:right; color:#333; font-family:"微软雅黑"; margin-top:5px;}
.writer a:hover{ color:#ce0001;}
.fy{  text-align:center;margin-bottom: 10px;}




	
	
		.nns {
  margin: 0px auto;
	min-height: 1px;
  width: 90%;
  max-width: 1600px;
}

.nns .cct {
  display: flex;
  flex-wrap: wrap;
	
}

.nns .cct a {
  margin-right: 39px;
  margin-top: 40px;
  width: calc(33.33% - 26px);
  background: #003271;
  overflow: hidden;
  border-radius: 8px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
	@media (max-width: 600px) {
  .nns .cct {
    flex-direction: column; /* 在小屏幕上改为纵向排列 */
	  width: 100%;
  }
}
		@media (max-width: 600px) {
  .nns .cct a{
  
	  width: 100%;
  }
}
.nns .cct a:hover {
  background: linear-gradient(45deg, rgb(0, 130, 230) 0%, rgb(0, 192, 156) 100%);
}

.nns .cct a:nth-child(-n + 3) {
  margin-top: 2em;
}

.nns .cct a:nth-child(3n) {
  margin-right: 0;
}

.nns .cct a .img_wrap {
  overflow: hidden;
}

.nns .cct a .img {
  width: 100%;
  
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.nns .cct a:hover .img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.nns .cct a .text {
  display: flex;
  align-items: center;
  
  justify-content:center;
}


.nns .cct a .text h4 {
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: 1px;
  color: #fff;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.nns .cct a .text h6 {
  font-size: 16px;
  line-height: 32px;
  color: #fff;
  opacity: 0.6;
  margin-top: 12px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}