@charset "utf-8";
html{ margin: 0; padding: 0;}
body { font-family: Arial, Helvetica, sans-serif; background: #000; font-size:16px; color:#333; margin: 0; padding: 0;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; list-style: none none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:16px; font-weight: normal;}
table,td,tr,th{font-size:16px;}
a:link {color: #222; text-decoration:none;}
a:visited {color: #222;text-decoration:none;}
a:hover { color: #F96; text-decoration: none;}
a:active { color: #222;}
.clr{ clear:both; height: 0; font-size: 0;}
.Home{ background: url(img/banner.jpg) no-repeat center 0; background-size: 100% 100%; height: 100vh; padding: 40px 60px;}
.Home .logo{ float:left;}
.Home .logo img{ width: 160px;}
.Home .menu{ float:right; margin-top: 50px;}
.Home .menu li{ float:right; margin-left: 60px; font-weight:bold; }
.Home .menu li a{ color: #fff;}
.Home .menu li a:hover{ color: #F96;}
.AboutUs{ background:url(img/b_about.jpg) no-repeat center 0; background-size: 100% 100%; height: 100vh;}
.services{ background:url(img/b_services.jpg) no-repeat center 0; background-size: 100% 100%; height: 100vh;}
.team{ background:url(img/b_team.jpg) no-repeat center 0; background-size: 100% 100%; height: 100vh;}
.contactus{ background:url(img/b_contactus.jpg) no-repeat center 0; background-size: 100% 100%; height: 100vh;}
.AboutText{ clear:both; margin-top: 200px; overflow: hidden;  color: #ccc;}
.AboutText h2 span{ border-bottom: 1px solid #fff; padding-bottom: 10px; font-size: 26px; font-weight:bold; color: #fff;}
.AboutText p{ margin: 0; padding: 50px 0 0; line-height: 180%; font-size: 16px;}

/* 定义淡入上移动画关键帧 */
@keyframes fadeInUp {
  from {
    opacity: 0; /* 初始完全透明 */
    transform: translateY(30px); /* 初始向下偏移30px */
  }
  to {
    opacity: 1; /* 结束时完全可见 */
    transform: translateY(0); /* 结束时回到原位置 */
  }
}
/* h2动画：最先出现 */
.AboutText h2{ 
  margin-bottom: 50px;
  opacity: 0; /* 初始透明 */
  transform: translateY(30px); /* 初始偏移 */
  animation: fadeInUp 0.8s ease-out forwards; /* 动画持续0.8s，结束后保持状态 */
  animation-delay: 0.2s; /* 延迟0.2s开始 */
}
/* h3动画：在h2之后出现 */
.AboutText h3{   padding: 35px 0 10px;   font-size: 20px;   font-weight:bold;   color: #fff;  opacity: 0;  transform: translateY(30px);  animation: fadeInUp 0.8s ease-out forwards;  animation-delay: 0.6s; /* 延迟0.6s（比h2晚0.4s） */}
/* p标签动画：逐个延迟出现 */
.AboutText p{ padding: 10px 0;  opacity: 0;  transform: translateY(30px); animation: fadeInUp 0.8s ease-out forwards;}

/* 多个p标签依次延迟（根据实际数量调整） */
.AboutText p:nth-of-type(1) { animation-delay: 1s; } /* 第一个p延迟1s */
.AboutText p:nth-of-type(2) { animation-delay: 1.3s; } /* 第二个p延迟1.3s */
.AboutText p:nth-of-type(3) { animation-delay: 1.6s; } /* 第三个p延迟1.6s */
/* 如需更多p标签，继续按规律添加即可 */
.Home .AboutHome{ clear:both; margin-top: 330px; color: #ccc;}
.Home .AboutHome p{ line-height: 250%; font-size: 17px;}
.Foot{  border-top: 1px solid #333; font-size: 14px; background: #000; text-align:center;  padding: 25px 0; color: #ccc;}
.Foot img{ float:left; width: 30px; margin-right: 15px; }
@media (max-width: 767px) {
.Home{ background: url(img/banner.jpg) no-repeat center 0; background-size: 100%; height: auto; padding: 10px;}
.Home .logo{ float: none; width: 100%;}
.Home .logo img{ width: 100px; margin: 30px auto; display:block;}
.Home .menu{ float: none; margin-top: 0;}
.Home .menu li{ float:right; width: 25%; margin-left:0; text-align:center; font-size: 13px; }
.Home .ho{ display:none;}
.Home .AboutHome{  margin-top: 130px;}
.Home .AboutHome p{ line-height: 200%; font-size: 15px;}
.AboutText{  margin-top: 130px;}
.AboutText h2{text-align:center; margin-bottom: 30px; }
.AboutText h2 span{ font-size: 22px;}
.AboutText p{ text-align:center; font-size: 13px;}
.AboutText h3{ text-align:center; font-size: 18px;}
.AboutUs{ background:url(img/b_about.jpg) no-repeat center 0; background-size: 100%; height: auto;}
.services{ background:url(img/b_services.jpg) no-repeat center 0; background-size: 100%; height: auto;}
.team{ background:url(img/b_team.jpg) no-repeat center 0; background-size: 100%; height: auto;}
.contactus{ background:url(img/b_contactus.jpg) no-repeat center 0; background-size: 100%; height: auto;}

}
@media (min-width: 768px) and (max-width: 991px) {
}
/* PC屏幕定义 */
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}