/* str_box1 */
.str_box1{
  max-width: 1300px;
  margin: 0 auto;
}
.str_box1 ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.str_box1 ul li{
  width: 399px;
  height: 199px;
  position: relative;
}
.str_box1 ul li img{
  position: absolute;
  top: 85px;
  left: 185px;
}
.str_box1 ul li p{
  position: absolute;
  left: 163px;
  bottom: 41px;
  color: #545454;
  font-size: 19px;
}
.str_box2{
  max-width: 1300px;
  margin: 0 auto;
}
.str_box2 ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.str_box2 ul li{
  width: 400px;
  height: 280px;
}
.str_box3{
  max-width: 1300px;
  height: 194px;
  margin: 0 auto;
}
.str_box3 p{
  width: 991px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: 54px;
  line-height: 23px;
  color: #575757;
  font-size: 14px;
}
.str_box4{
  width: 100%;
  background: #e6e6e6;
}
.str_box4 ul{
  max-width: 1300px;
  height: 502px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.str_box4 ul li{
  height: 100%;
}
.str_box4 ul li:nth-child(1){
  width: 740px;
}
.str_box4 ul li:nth-child(2){
  width: 560px;
}
.str_box4 ul .str_lis1{
  position: relative;
}
.str_box4 ul .str_lis1 li{
  width: 100%;
  height: 115px;
}
.str_box4 ul .str_lis1 li h1{
  font-size: 19px;
  color: #444;
}
.str_box4 ul .str_lis1 li p{
  color: #636363;
  font-size: 14px;
  margin-top:19px ;
  width: 690px;
}
.str_box4 ul .str_lis1 li:nth-child(1){
  position: absolute;
  top: 94px;
}
.str_box4 ul .str_lis1 li:nth-child(2){
  position: absolute;
  top: 209px;
}
.str_box4 ul .str_lis1 li:nth-child(3){
  position: absolute;
  top:350px;
}
.str_box4 ul .str_lis2 img{
  position: relative;
  top: 95px;
}
.str_box5{
  max-width: 1300px;
  margin: 0 auto;
}
.str_box5 ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 90px;
  margin-bottom: 90px;
}
.str_box5 ul li{
  width: 300px;
  height: 295px;
}
.str_box5 ul li p{
  text-align: center;
  line-height: 90px;
  color: #555555;
  font-size: 15px;
}
.str_box5 ul li:nth-child(1){
  animation:fadeInUp;
  animation-duration: 0.3s;
}
.str_box5 ul li:nth-child(2){
  animation:fadeInUp;
  animation-duration: 0.6s;
}
.str_box5 ul li:nth-child(3){
  animation:fadeInUp;
  animation-duration: 0.9s;
}
.str_box5 ul li:nth-child(4){
  animation:fadeInUp;
  animation-duration: 1.2s;
}
.str_box5 ul li:nth-child(5){
  animation:fadeInUp;
  animation-duration: 0.3s;
}
.str_box5 ul li:nth-child(6){
  animation:fadeInUp;
  animation-duration: 0.6s;
}
.str_box5 ul li:nth-child(7){
  animation:fadeInUp;
  animation-duration: 0.9s;
}
.str_box5 ul li:nth-child(8){
  animation:fadeInUp;
  animation-duration: 1.2s;
}