.main { width: 100%; margin-top: 128px; }

.main > img { width: 100%; }

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

.main .main-in .main-top { text-align: center; overflow: hidden; }

.main .main-in .main-top h1 { font-size: 30px; font-weight: 700; color: #444444; margin-top: 88px; }

.main .main-in .main-top .main-top-xw { display: flex; justify-content: center; margin-top: 20px; }

.main .main-in .main-top .main-top-xw div { display: flex; align-items: center; color: #999999; }

.main .main-in .main-top .main-top-xw div p { color: #999999; }

.main .main-in .main-top .main-top-xw div:first-child { margin-right: 66px; }

.main .main-in .main-middle { max-width: 800px; margin: 55px auto 0; }

.main .main-in .main-middle .main-middle-i { overflow: hidden; }

.main .main-in .main-middle .main-middle-i p { font-size: 14px; }

.main .main-in .main-middle .main-middle-i span { font-size: 18px !important; }

.main .main-in .main-middle .main-middle-i img { width: 100%; margin: 40px 0 50px; }

.main .main-in .main-middle .main-middle-i video { width: 100%; height: 500px; }

.main .main-in .main-middle .main-middle-link { width: 100%; height: 40px; position: relative; }

.main .main-in .main-middle .main-middle-link .main-middle-link-new { display: flex; justify-content: space-between; height: 40px; }

.main .main-in .main-middle .main-middle-link .main-middle-link-new div { display: flex; align-items: center; }

.main .main-in .main-middle .main-middle-link .main-middle-link-new div a { font-size: 14px; color: #666666; }

.main .main-in .main-middle .main-middle-link .main-middle-link-new div span { font-size: 14px; color: #666666; }

.main .main-in .main-middle .main-middle-link .main-middle-link-new div svg { width: 12px; color: #666666; }

.main .main-in .main-middle .main-middle-link .main-middle-link-new div:last-child svg { transform: rotate(180deg); margin-left: 6px; }

.main .main-in .main-middle .main-middle-link .main-middle-link-new div:first-child svg { margin-right: 6px; }

.main .main-in .main-middle .main-middle-link .main-middle-link-img { width: 40px; height: 40px; position: absolute; left: 50%; top: 0; margin-left: -20px; }

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

@media screen and (max-width: 768px) { .header .header-address { display: none; }
  .header .header-in { margin-top: 17px !important; }
  .main { margin-top: 68px; }
  .main .main-in .main-top h1 { margin-top: 30px; }
  .main .main-in .main-middle { margin: 30px auto 0; }
  .main .main-in .main-middle .main-middle-link .main-middle-link-new { justify-content: center; flex-wrap: wrap; }
  .main .main-in .main-middle .main-middle-link .main-middle-link-new div:nth-child(1) { margin-bottom: 40px; }
  .main .main-in .main-middle .main-middle-link .main-middle-link-img { top: 20px; } }