/* CSS Document */
@font-face{
	font-family: 'sy';/*思源黑体*/
	src: url('./font/SourceHanSansSC-Regular.otf') format('opentype'); /* OTF 字体文件路径和格式 */  
	font-weight: normal; /* 字体粗细 */  
    font-style: normal; /* 字体样式 */ 
}
boy{
	font-family: 'sy', sans-serif; /* 使用自定义字体，如果加载失败则回退到sans-serif字体 */  
}
.header{
	background: -webkit-gradient(linear, left top, right top, from(#7e3afb), to(#29b9f5));
  background: linear-gradient(left, #7e3afb 0%, #29b9f5 100%);
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.04);
          box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.04);
	color:white;
	z-index: 100;
	width: 100%;
}
.header .logo{
	max-width: 180px;
}

/*设置文字为白色，悬停也为白色，点击后颜色不变，用于a标签*/
.white-link {  
    color: white; /* 设置链接的默认颜色为白色 */  
    text-decoration: none; /* 移除下划线 */  
}  
  
.white-link:hover,  
.white-link:focus,  
.white-link:active {  
    color: white; /* 在悬停、聚焦、点击时保持颜色为白色 */  
}

.padding {
	padding: 20px;
}
.fillet {  
    border-radius: 50px; /* 设置四个角都为10px的圆角 */  
  }  
.fillet-sm{
	border-radius: 20px; /* 设置四个角都为10px的圆角 */  
}
.bg-black-half {  
    background-color: rgba(0, 0, 0, 0.5); /* 黑色，50% 透明度 */  
	z-index: 10;
}
.bg-grey{
	background-color: rgba(214, 216, 217)
}
/*横幅*/
.banner{
	background-color: #ffffff;
  background-image: url("../image/banner-2.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top left;
  padding: 50px 0px 60px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.testomonial {
  padding: 250px 0px 250px;
  position: relative;
  z-index: 2;
  background-size: cover !important;
  background-position: left 100% top 30px !important;
  background-repeat: no-repeat !important;
}
.testomonial .shap {
  position: absolute;
  top: 50%;
  left: 0%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
  height: 70%;
}
.testomonial .man-pic {
  position: absolute;
  z-index: -1;
}
.testomonial .pic-1 {
  top: 10%;
  left: 5%;
  width: 180px;
  height: 180px;
  -webkit-animation: borosoto 4s ease-out infinite;
  animation: borosoto 4s ease-out infinite;
}

.testomonial .pic-2 {
  top: 14%;
  left: 22%;
	width: 150px;
  height: 150px;
  -webkit-animation: borosoto 3s ease-in-out infinite;
  animation: borosoto 3s ease-in-out infinite;
}

.testomonial .pic-3 {
  top: 29%;
  left: 17%;
	width: 130px;
  height: 130px;
  -webkit-animation: borosoto 4s ease infinite;
  animation: borosoto 4s ease infinite;
}

.testomonial .pic-4 {
  top: 50%;
  left: 7%;
	width: 150px;
  height: 150px;
  -webkit-animation: borosoto 3s ease-in-out infinite;
  animation: borosoto 3s ease-in-out infinite;
}

.testomonial .pic-5 {
  top: 52%;
  left: 21%;
		width: 130px;
  height: 130px;
  -webkit-animation: borosoto 2s ease-in infinite;
  animation: borosoto 2s ease-in infinite;
}

.testomonial .pic-6 {
  top: 70%;
  left: 14%;
	width: 170px;
  height: 170px;
  -webkit-animation: borosoto 2s ease-in infinite;
  animation: borosoto 2s ease-in infinite;
}
/*脚部分*/
.copyright {
  background: #011025;
}

.copyright p.text {
  color: #8a8f9c;
}

.copyright p.text a {
  color: #fff;
}

.copyright p.text a:hover {
  text-decoration: underline;
}
.copyright hr {
	border: none; /* 移除默认的边框 */  
    height: 2px; /* 设置线的高度 */  
    background-color: #8a8f9c; /* 设置线的颜色 */  
}
.hr{
	border: none; /* 移除默认的边框 */  
    height: 2px; /* 设置线的高度 */  
    background-color: #8a8f9c; /* 设置线的颜色 */  
}
/*关于我们*/
.breadcrumb-area {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: -webkit-linear-gradient(145deg, #20c3f2 0%, #7e39fb 100%);
}

.breadcrumb-area .content {
  position: relative;
  padding: 100px 0px 100px;
}

.breadcrumb-area .content h2.breadd {
  color: #fff;
}

.breadcrumb-area .content .breadcrumb-list {
  position: absolute;
  left: 0px;
  bottom: -30px;
  display: inline-block;
  padding: 0px 30px 0px;
  line-height: 4;
  background-color: white;
  z-index: 9;
}

.breadcrumb-area .content .breadcrumb-list li {
  display: inline-block;
  color: #547af8;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
}

.breadcrumb-area .content .breadcrumb-list li a {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 700;
  color: #051c35;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.breadcrumb-area .content .breadcrumb-list li a:hover {
  text-decoration: underline;
}
.content-box {
  background: #f7f7f7;
  padding: 117px 0px 60px;
}

.content-box .content-details .title {
  padding-bottom: 17px;
}

.content-box .content-details .box img.aboutpng {
  float: left;
  margin: 0px 15px 0px 0px;
}
/*关于内容*/
.bg-img{
	width: 100%;
	background-size: cover; /* 图片将覆盖整个元素，可能部分在水平方向上不可见 */  
    background-position: center; /* 图片居中显示 */  
    background-repeat: no-repeat; /* 图片不重复 */  
}
/*背景图视差滚动*/
/* 定义视差背景的容器 */  
.parallax-container {  
	/* 设置背景图片 */  
	background-image: url('../image/a-1.jpg');  
	/* 高度可以根据需要调整 */  
	height: 150px;  
	/* 设置背景图片的位置 */  
	background-position: center;  
	/* 设置背景图片的大小 */  
	background-size: cover;  
	/* 视差效果的关键属性，设置一个比1小的值 */  
	background-attachment: fixed;  
	/* 以下属性可根据需要添加，以控制内容的布局 */  
	display: flex;  
	align-items: center;  
	justify-content: center;  
	color: #fff;  
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);  
	z-index: -1;
        }  
/*旋转器居中*/
.spinner-container{
	position: fixed; /* 固定定位，使容器相对于浏览器窗口定位 */  
  top: 50%; /* 从顶部开始，将容器的位置设置为视口的50% */  
  left: 50%; /* 从左侧开始，将容器的位置设置为视口的50% */  
  transform: translate(-50%, -50%); /* 使用 transform 属性将容器的中心与视口的中心对齐 */ 
}