* {
  padding: 0;
  margin: 0;
 font-family:'Microsoft Yahei', 'PingFang SC', Arial, sans-serif!important
}
.content {
  width: 100%; z-index: 5;
    position: relative;
}
}
.cttTit {
    width: 90%;
    max-width: 1400px;
    box-sizing: border-box;
    margin: 0 auto;
    border-bottom: 1px #f1f1f1 solid;
}
.cttTit h2 {
 font-size:60%;
  text-align: center;
}
.cttTit p {
  display: flex;
  text-align: center;
  justify-content: center;
  flex-wrap: wrap;

}
.cttTit span {
  display: block;
  margin: 0 25px;
}
.cttText {
  width: 90%;
  margin: 10px auto;
  max-width: 1400px;
}
.cttText{  font-size: 40%; color:#333;}
.cttText p {
  line-height: 1.5;
  color:#333;
  font-size:18px!important;
}
.cttText span {
  color: #666;
  line-height: 1.5;
  color:#333;font-size:18px!important;
}
.cttText strong{font-size:18px!important; }
.cttText h1{font-size:18px!important; }
.textList {
  width: 80%;
  margin: 30px auto;
  max-width: 1400px;
  border: 1px solid #e6f3fc;
  box-sizing: border-box;
  padding: 20px;
  font-size: 40%;
  border-radius: 10px;
}
.textList  ul{    display: flex;
    flex-direction: column;
    justify-content: left;
}
.textList a {
  text-decoration: none;
  display: flex;
  margin: 10px 0;
  color: #000;
}
.textList span {
  color: #004190;
}
.textList p {
  margin: 0 10px;
}
@media screen and (max-width: 750px) {
  .cttText {
    width: 95%;
  }
  .textList {
    width: 95%;
  }
}
.icon3{ width:460px;}
.icon3 path,line,polyline {
fill:none;	 
stroke-dasharray:8037; 
stroke-dashoffset:8037;
animation:stroke:30s ease-in-out forwards;
}
.icon3 circle { 
stroke-dasharray:12,12,12; 
stroke-dashoffset:57;
animation:stroke 5s ease-in-out forwards;
}
@keyframes stroke{
	to{
		stroke-dashoffset:0;
	}
}
.text1{
    position: absolute;
    height: 1000px;   /* 撑出滚动距离 */
    width: 100%;
    overflow: hidden; /* 可选，防止横向滚动条 */
}

.text{
    position: absolute;
    top: 700px;               /* 让它在页面中部出现 */
    left: 50%;
    transform: translateX(-50%);   /* 初始居中 */
    animation: kf-section-bg 50s linear infinite;
}

.text img{
    display: block;
    max-width: none;   /* 图片本身可能很宽，不要压缩 */
    height: 267px;     /* 按需设 */
}

@keyframes kf-section-bg{
    0%   { transform: translateX(-50%) translateX(0); }
    100% { transform: translateX(-50%) translateX(-100%); } /* 向左跑一整张图 */
}