.about-chat{
   padding:20px 50px
}

.about-chat .container h2 {
	text-align: center;
  font-weight: bold;
     background: -webkit-linear-gradient(45deg, #ff9966, #ff5e62);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
 
}
.container p{
text-align: center;
line-height:16px;
}
.f-example {

}
.f-example p{
flex-grow: 1;
 
    line-height: 16px;
    font-size: 14px;
    font-weight: 500;
    color: #999999;
}
.row {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 创建3列，每列宽度相等 */
  gap: 20px; /* 设置栅格项之间的间隔 */
}

.row .col-md-3 {
  background-color: #fbfbfb;
  padding: 20px;
  text-align: center;
 
}
.tel{
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 创建3列，每列宽度相等 */
  gap: 60px; /* 设置栅格项之间的间隔 */
}

.tel .col-md-12{
	padding: 20px ;
  	text-align: left
}


body {
	  
	  	margin: 120px 5% 50px 5%;
	  width:90%;
	  font-family: Arial, sans-serif;
	}

header {
  background:  linear-gradient(to right, #ff9966, #ff5e62);
  color: #fff;
  padding:  0;
   position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  color: white;
  text-align: center;
  z-index: 999;
}

.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.navbar-title {
  font-size: 24px;
  font-weight: bold;
}

.navbar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

.navbar-menu li {
  margin-left: 20px;
}

nav ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
 }
/* 定义链接的样式 */
nav ul li a {
display: block;
color: white;
text-align: center;
 text-decoration: none;
}

nav ul li .dropdown {
display: none;
position: absolute;
background-color:#ff6e62;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
nav ul li:hover .dropdown {
display: block;
}
.navbar-menu a {
  color: #fff;
  text-decoration: none;
  padding: 24px 16px;
  display: block;
  transition: background-color 0.3s;
}

 /* 下拉菜单链接的样式 */
nav ul li .dropdown li a {
color: white;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
nav ul li a i {
margin-right: 5px;
}
.navbar-menu a:hover {
background-color: #ff5a52;
} 


 
.conten{
  display: flex;
	

}
.conten-left {
 flex: 1; /* 占据剩余空间 */
	width:50%;
	margin:50px;
}

.conten-right{
	flex: 0 0 50%; /* 固定宽度 */
}

.conten-title{
	font-size:50px;
	line-height:100px;
 }

 .conten-title {
    font-weight: bold;
     background: -webkit-linear-gradient(45deg, #ff9966, #ff5e62);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
  }
.conten-small-title{
	font-size:40px;
	line-height:50px;
	 font-weight: bold;
}

.conten-txt-title{
	font-size:30px;
	line-height:45px;
	color: #888888;
}

.self{
	margin-left:5%;
	padding-left:50px
}

 

@keyframes shake {
    0%, 100% { transform: translateY(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateY(-10px); }
    20%, 40%, 60%, 80% { transform: translateY(10px); }
}
 
.shake-animation {
    animation: shake 50s; /* 抖动的持续时间 */
    animation-iteration-count: infinite; /* 动画无限次数播放 */
}