.main { width: 100%; position: relative; z-index: 1; margin-top: 113px; }

.main .main-top { width: 100%; position: relative; }

.main .main-top img { width: 100%; }

/* .main .main-top div:nth-of-type(1) { width: 100%; height: 100%; position: absolute; top: 0; background: linear-gradient(135deg, #DD1136 0%, #F64647 100%); } */

.main .main-top div:nth-of-type(2) { width: 90%; max-width: 1200px; position: absolute; left: 50%; transform: translateX(-50%); bottom: 50px; }

.main .main-top div:nth-of-type(2) p { color: white; font-size: 24px; text-align: right; }

.main .main-top div:nth-of-type(2) p:nth-child(2) { font-size: 50px; font-weight: 700; margin-top: 10px; }

.main .main-middle { max-width: 1200px; width: 90%; margin: 121px auto 110px; }

.main .main-middle .main-middle-in { width: 100%; display: flex; }

.main .main-middle .main-middle-in .main-middle-text { width: 50%; overflow: hidden; }

.main .main-middle .main-middle-in .main-middle-text div { width: 60px; height: 60px; margin-bottom: 50px; }

.main .main-middle .main-middle-in .main-middle-text p:nth-child(1) { font-weight: bold; font-size: 30px; margin: 66px 0 40px; }

.main .main-middle .main-middle-in .main-middle-text p:nth-child(2) { font-size: 14px; max-width: 481px; margin-right: 117px; }

.main .main-middle .main-middle-in .main-middle-img { width: 50%; position: relative; }

.main .main-middle .main-middle-in .main-middle-img img { width: 100%; }

.main .main-middle .main-middle-in .main-middle-img p { position: absolute; left: 50%; transform: translateX(-50%); font-size: 30px; color: white; font-weight: 700; white-space: nowrap; bottom: 62px; text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.8); }

.main .main-middle .main-middle-in:nth-child(2) .main-middle-text { padding: 80px 30px 0 89px; box-sizing: border-box; }

.main .main-middle .main-middle-in:nth-child(2) .main-middle-text p:nth-of-type(1) { margin-right: 0; }

.main .main-middle .main-middle-in:nth-child(3) .main-middle-text div { margin-top: 80px; }

.main .main-bottom { max-width: 1200px; width: 90%; margin: 0 auto; position: relative; padding-bottom: 345px; }

.main .main-bottom .main-bottom-team { margin-top: 75px; }

.main .main-bottom .main-bottom-team .main-bottom-tTitle p:nth-child(2) { font-size: 30px; font-weight: bold; margin: 10px 0 60px; }

.main .main-bottom .main-bottom-team .main-bottom-tWear { display: flex; }

.main .main-bottom .main-bottom-team .main-bottom-tWear > div:nth-child(1) { width: 50%; height: 286px; overflow: hidden; }

.main .main-bottom .main-bottom-team .main-bottom-tWear > div:nth-child(1) img { width: 100%; height: 100%; object-fit: cover; }

.main .main-bottom .main-bottom-team .main-bottom-tWear > div:nth-child(2) { width: 50%; margin-left: 130px; margin-top: 10px; }

.main .main-bottom .main-bottom-team .main-bottom-tWear > div:nth-child(2) p:nth-child(1) { font-size: 30px; font-weight: bold; }

.main .main-bottom .main-bottom-team .main-bottom-tWear > div:nth-child(2) p:nth-child(1) span { font-size: 16px; font-weight: 400; margin-left: 20px; }

.main .main-bottom .main-bottom-team .main-bottom-tWear > div:nth-child(2) p:nth-child(2) { color: #777777; font-size: 14px; margin: 10px 0 20px; height: 152px; }

.main .main-bottom .main-bottom-team .main-bottom-tWear > div:nth-child(2) > div { display: flex; justify-content: space-between; }

.main .main-bottom .main-bottom-team .main-bottom-tWear > div:nth-child(2) > div div { cursor: pointer; border-radius: 50%; width: 70px; height: 70px; overflow: hidden; }

.main .main-bottom .main-bottom-team .main-bottom-tWear > div:nth-child(2) > div div img { width: 100%; height: 100%; object-fit: cover; }

.main .main-bottom .main-bottom-team .main-bottom-tWear > div:nth-child(2) > div div img:nth-child(4) { height: 130%; }

.main .main-bottom .main-bottom-team .main-bottom-tWear > div:nth-child(2) > div div:nth-child(4) img { height: 130%; }

.main .main-bottom .main-bottom-flowPath { width: 100%; position: absolute; bottom: -240px; left: 50%; transform: translateX(-50%); background: white; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); border-radius: 50px 0px 50px 0px; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.05); }

.main .main-bottom .main-bottom-flowPath .flowPath-text { margin-top: 34px; display: flex; flex-direction: column; align-items: center; }

.main .main-bottom .main-bottom-flowPath .flowPath-text p { color: #333333; text-align: center; }

.main .main-bottom .main-bottom-flowPath .flowPath-text p:nth-child(2) { font-size: 30px; font-weight: bold; margin: 10px 31px; }

.main .main-bottom .main-bottom-flowPath .flowPath-text p:nth-child(3) { max-width: 602px; }

.main .main-bottom .main-bottom-flowPath .flowPath-ServiceProcess { width: 100%; display: flex; justify-content: center; margin: 90px 0 95px; }

.main .main-bottom .main-bottom-flowPath .flowPath-ServiceProcess .flowPath-ServiceProcess-in { width: 90%; position: relative; }

.main .main-bottom .main-bottom-flowPath .flowPath-ServiceProcess .flowPath-ServiceProcess-in ul { height: 100%; position: relative; display: flex; justify-content: space-between; z-index: 1; }

.main .main-bottom .main-bottom-flowPath .flowPath-ServiceProcess .flowPath-ServiceProcess-in ul li { display: flex; flex-flow: column wrap; align-items: center; width: 16.66%; max-width: 84px; }

.main .main-bottom .main-bottom-flowPath .flowPath-ServiceProcess .flowPath-ServiceProcess-in ul li div { width: 100%; margin-bottom: 36px; }

.main .main-bottom .main-bottom-flowPath .flowPath-ServiceProcess .flowPath-ServiceProcess-in ul li div img { width: 100%; }

.main .main-bottom .main-bottom-flowPath .flowPath-ServiceProcess .flowPath-ServiceProcess-in ul li p { text-align: center; font-size: 20px; white-space: nowrap; }

.main .main-bottom .main-bottom-flowPath .flowPath-ServiceProcess .flowPath-ServiceProcess-in ul li:last-child { margin-right: 0; }

.main .main-bottom .main-bottom-flowPath .flowPath-ServiceProcess .flowPath-ServiceProcess-in .flowPath-ServiceProcess-dashed { position: absolute; width: 100%; height: 1px; top: 42px; border-bottom: 1px dashed #e4e4e4; }

.main .main-img { width: 100%; background: linear-gradient(135deg, #F64647 0%, #DD1136 100%); padding-top: 320px; }

.main .main-img .main-img-in { width: 90%; max-width: 1200px; margin: 0 auto; }

.main .main-img .main-img-in .main-img-text { display: flex; justify-content: space-between; }

.main .main-img .main-img-in .main-img-text p { color: white; }

.main .main-img .main-img-in .main-img-text div p:nth-child(2) { font-size: 30px; font-weight: bold; margin-top: 10px; }

.main .main-img .main-img-in .main-img-text > p { max-width: 392px; font-size: 14px; line-height: 24px; }

.main .main-img .main-img-in .main-img-picture { margin-top: 70px; padding-bottom: 92px; display: flex; flex-wrap: wrap; }

.main .main-img .main-img-in .main-img-picture > div { width:12.5%; display: flex; justify-content: center;  background-color: #fff; padding: 31px 0 ;}
.main .main-img .main-img-in .main-img-picture > div:nth-child(2),.main .main-img .main-img-in .main-img-picture > div:nth-child(4),.main .main-img .main-img-in .main-img-picture > div:nth-child(6),.main .main-img .main-img-in .main-img-picture > div:nth-child(8),.main .main-img .main-img-in .main-img-picture > div:nth-child(9),.main .main-img .main-img-in .main-img-picture > div:nth-child(11),.main .main-img .main-img-in .main-img-picture > div:nth-child(13),.main .main-img .main-img-in .main-img-picture > div:nth-child(15) 
,.main .main-img .main-img-in .main-img-picture > div:nth-child(18)
,.main .main-img .main-img-in .main-img-picture > div:nth-child(20)
,.main .main-img .main-img-in .main-img-picture > div:nth-child(22)
,.main .main-img .main-img-in .main-img-picture > div:nth-child(24)
{ background: #e8e8e8; }
.main .main-img .main-img-in .main-img-picture > div img{
  width: 100%;
}

.main .main-img .main-img-in .main-img-picture > div div img { height: 100%; width: 100%; object-fit: cover; }

.main .main-img .main-img-in .main-img-picture > div div:nth-child(2) { margin: 0 2% 0; }

.main .main-img .main-img-in .main-img-picture > div .main-img-pSmall { width: 23%; }

.main .main-img .main-img-in .main-img-picture > div .main-img-pBig { width: 48%; }

.link { width: 100%; height: 675px; background: #333333; }

.link .link-in { max-width: 1200px; width: 90%; margin: 0 auto; overflow: hidden; }

.link .link-in p { color: #fff; margin-right: 40px; }

.link .link-in li { margin-right: 40px; margin-bottom: 12px; }

.link .link-in li a { color: #fff; }

.link .link-in .link-top {  display: flex; flex-direction: column; }

.link .link-in .link-top p { font-size: 20px; margin-bottom: 20px; }

.link .link-in .link-works {margin: 82px 0 60px; display: flex; flex-direction: column; }

.link .link-in .link-works p { font-size: 20px; margin-bottom: 20px; }

.link .link-in .link-works .link-works-in { width: 100%; display: flex; justify-content: space-between; }

.link .link-in .link-works .link-works-in .link-works-ul { width: 20%; display: flex; flex-direction: column; }

.link .link-in .link-works .link-works-in .link-works-ul li { text-align: center; width: 100%; margin-bottom: 10px; }

.link .link-in .link-works .link-works-in .link-works-ul li a { color: #999; }

.link .link-in .link-works .link-works-in .link-works-ul li a:hover { text-decoration: underline; color: #fff; }

.link .link-in .link-works .link-works-in .link-works-ul li:first-child { font-size: 18px; color: #fff; margin-bottom: 30px; }

@media screen and (max-width: 1200px) { .main .main-bottom .main-bottom-team .main-bottom-tWear > div:nth-child(2) { margin-left: 20px; } }

@media screen and (max-width: 1000px) { .main .main-middle .main-middle-in { flex-wrap: wrap; justify-content: center; }
  .main .main-middle .main-middle-in > div { width: 100% !important; display: flex; flex-direction: column; align-items: center; }
  .main .main-middle .main-middle-in .main-middle-text { margin-bottom: 20px; }
  .main .main-middle .main-middle-in .main-middle-text p:nth-child(1) { margin: 0 0 20px; }
  .main .main-middle .main-middle-in .main-middle-text p:nth-child(2) { margin-right: 0; }
  .main .main-middle .main-middle-in .main-middle-img { max-width: 600px; }
  .main .main-middle > div:nth-child(2) { flex-direction: column-reverse; align-items: center; }
  .main .main-middle > div:nth-child(2) .main-middle-text { padding: 40px 0 0 0 !important; }
  .main .main-middle > div:nth-child(2) .main-middle-text div { margin-bottom: 20px; }
  .main .main-bottom .main-bottom-team .main-bottom-tTitle { text-align: center; }
  .main .main-bottom .main-bottom-team .main-bottom-tWear { flex-wrap: wrap; justify-content: center; }
  .main .main-bottom .main-bottom-team .main-bottom-tWear > div { width: 100%; max-width: 600px; }
  .main .main-bottom .main-bottom-team .main-bottom-tWear > div:nth-child(1) img { width: 100%; } 
  .main .main-img .main-img-in .main-img-picture > div {
    width: 25%;
  }
}

@media screen and (max-width: 768px) { .header .header-address { display: none; }
  .header .header-in { margin-top: 17px !important; }
  .main { margin-top: 68px; }
  .main .main-middle { margin: 30px auto 25px; }
  .main .main-top div:nth-of-type(2) { bottom: 14px; }
  .main .main-top div:nth-of-type(2) p:nth-child(1) { font-size: 16px; }
  .main .main-top div:nth-of-type(2) p:nth-child(2) { font-size: 20px; margin-top: 0; }
  .main .main-bottom { padding-bottom: 200px; }
  .main .main-bottom .main-bottom-flowPath .flowPath-ServiceProcess { margin: 60px 0 95px; }
  .main .main-bottom .main-bottom-flowPath .flowPath-ServiceProcess .flowPath-ServiceProcess-in { width: 100%; }
  .main .main-bottom .main-bottom-flowPath .flowPath-ServiceProcess .flowPath-ServiceProcess-in ul li { width: 14.66%; }
  .main .main-bottom .main-bottom-flowPath .flowPath-ServiceProcess .flowPath-ServiceProcess-in ul li div { width: 55px; height: 55px; margin-bottom: 0; }
  .main .main-bottom .main-bottom-flowPath .flowPath-ServiceProcess .flowPath-ServiceProcess-in ul li p { position: absolute; width: 48px; top: 70px; font-size: 12px; }
  .main .main-bottom .main-bottom-flowPath .flowPath-ServiceProcess .flowPath-ServiceProcess-in .flowPath-ServiceProcess-dashed { top: 50%; }
  .main .main-bottom .main-bottom-team .main-bottom-tWear > div { width: 100% !important; }
  .main .main-img { padding-top: 280px; }
  .main .main-middle .main-middle-in .main-middle-img p { font-size: 22px; }
  .main .main-bottom .main-bottom-team .main-bottom-tWear > div:nth-child(2) p:nth-child(2) { height: auto; }
  .main .main-middle .main-middle-in .main-middle-img p { font-size: 24px; }
  .main .main-bottom .main-bottom-flowPath .flowPath-text { width: 90%; margin: 0 auto; }
  .link .link-in .link-works .link-works-in .link-works-ul li:first-child { font-size: 14px; }
  .link .link-in .link-works .link-works-in .link-works-ul li a { font-size: 12px; } 
  .main .main-img .main-img-in .main-img-picture > div {
    width: 50%;
  }
}

@media screen and (max-width: 600px) { .main .main-img .main-img-in .main-img-text { flex-direction: column; align-items: center; }
  .main .main-img .main-img-in .main-img-text div { text-align: center; margin-bottom: 20px; } }