* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  text-decoration: none;
  color: #2F252F;
}
a:hover {
  text-decoration: none;
}
input,
button {
  outline: none;
  border: none;
}
.btn.focus,
.btn:focus,
.btn:hover,
a:focus {
  outline: none !important;
  text-decoration: none !important;
}
ul {
  list-style: none;
  margin: 0;
}
p {
  margin: 0;
}
body {
  font-family: "Gotham Rounded";
  color: #2F252F;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Gotham Rounded";
  margin: 0;
}
.flex {
  display: flex;
  align-items: center;
}
.space-between {
  justify-content: space-between;
}
header {
  height: 6.181vw;
  min-height: 89px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 8;
  background: #fff;
  width: 100%;
  border-bottom: 1px solid #333333;
}
header .header_content {
  width: 90.278vw;
  height: 2.917vw;
  margin: 0 auto;
}
header .header_content img {
  width: 152.87px;
}
header .header_content .flex {
  font-size: 16px;
}
header .header_content .flex a:nth-child(2) {
  margin: 0 30px;
}
header .header_content .flex a.active {
  color: #E4002B;
}
header .header_content .flex1 {
  display: block;
}
header .header_content .flex2 {
  display: none;
}
header .header_content .menu {
  display: none;
}
header .header_content .close {
  display: none;
}
.banner {
  width: 100%;
  height: 37.5vw;
  background: url("./img/textile_campaign_hero_[desktop].jpg") no-repeat center;
  background-size: 100% 100%;
  position: relative;
  margin-top: 6.181vw;
}
.banner .banner_content {
  position: absolute;
  right: 6.944vw;
  top: 50%;
  transform: translateY(-50%);
  width: 43.056vw;
  color: #fff;
}
.banner .banner_content h2 {
  font-size: 2.569vw;
  line-height: 3.125vw;
  text-align: left;
  margin-bottom: 1.389vw;
  font-weight: bold;
  color: #fff;
}
.banner .banner_content p {
  font-size: 1.25vw;
  font-weight: 350;
  line-height: 1.944vw;
  text-align: left;
}
.banner .banner_content .btns,
.banner .banner_content .btn_box {
  width: 19.861vw;
  height: 3.333vw;
  font-family: Gotham Rounded;
  font-size: 1.111vw;
  font-weight: 325;
  line-height: 1.944vw;
  text-align: center;
  color: #fff;
  border-radius: 0.556vw;
  white-space: nowrap;
  background: #18AF5C;
  margin-top: 2.083vw;
}
.signs {
  width: 75vw;
  margin: 4.41vw auto;
}
.signs h3 {
  font-family: Gotham Rounded;
  font-size: 1.875vw;
  line-height: 2.222vw;
  text-align: center;
  font-weight: bold;
  margin-bottom: 3.4375vw;
}
.signs ul {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4.861vw;
}
.signs ul li {
  width: 15.625vw;
}
.signs ul li div {
  position: relative;
  min-width: 5.833vw;
  height: 6.944vw;
  margin-bottom: 1.389vw;
}
.signs ul li div img {
  max-height: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.signs ul li p {
  font-family: Gotham Rounded;
  font-size: 1.111vw;
  font-weight: 325;
  line-height: 1.667vw;
  text-align: center;
}
.main {
  position: relative;
  width: 100%;
  height: 145.139vw;
}
.main .line {
  position: absolute;
  top: 0;
  left: 22.708vw;
  width: 28.125vw;
  height: 145.139vw;
  z-index: 2;
}
.main .line1 {
  display: block;
}
.main .line2,
.main .line3 {
  display: none;
}
.main .main_style {
  width: 35vw;
  margin-left: 4.861vw;
}
.main .main_style h3 {
  font-size: 1.875vw;
  line-height: 2.222vw;
  margin-bottom: 1.111vw;
  color: #E4002B;
  font-weight: bold;
}
.main .main_style p {
  font-size: 1.111vw;
  font-weight: 325;
  line-height: 1.667vw;
  text-align: left;
  margin-bottom: 1.111vw;
}
.main .main_style button {
  width: 18.542vw;
  height: 3.333vw;
  border-radius: 0.417vw;
  background: #18AF5C;
  font-size: 1.111vw;
  font-weight: 325;
  line-height: 1.944vw;
  text-align: center;
  color: #fff;
}
.main .first_content {
  position: relative;
  height: 59.931vw;
  width: 100%;
  background: #FFF2F2;
  padding-top: 4.861vw;
}
.main .first_content .content {
  justify-content: center;
}
.main .first_content .content img {
  width: 17.917vw;
  object-fit: cover;
}
.main .first_content .content:nth-child(1) .img_box {
  position: relative;
  width: 17.917vw;
  height: 25.347vw;
  margin: 0;
}
.main .first_content .content:nth-child(1) .img_box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.main .first_content .content:nth-child(2) {
  position: absolute;
  bottom: 4.861vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}
.main .first_content .content:nth-child(2) img {
  height: 17.917vw;
  border-radius: 1.042vw;
}
.main .first_content .bottom_img {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
}
.main .first_content .bottom_img1 {
  display: block;
}
.main .first_content .bottom_img2,
.main .first_content .bottom_img3 {
  display: none;
}
.main .second_content {
  margin-top: 4.861vw;
}
.main .second_content .content {
  justify-content: center;
}
.main .second_content .content .img_box {
  width: 42.708vw;
  height: 26.25vw;
}
.main .second_content .content .img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.042vw;
}
.main .second_content .content .img_box .img1 {
  display: block;
}
.main .second_content .content .img_box .img2 {
  display: none;
}
.main .second_content .content .img_box2 {
  display: block;
}
.main .second_content .content .img_box1 {
  display: none;
}
.main .second_content .content .main_style {
  width: 42.708vw;
}
.main .second_content .content:nth-child(1) .main_style {
  margin-left: 0 !important;
  margin-right: 4.861vw;
}
.main .second_content .content:nth-child(2) {
  margin-top: 70px;
}
.main .second_content .content:nth-child(2) .img_box {
  position: relative;
}
.main .second_content .content:nth-child(2) .img_box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
.main .third_content {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 4.861vw;
  z-index: 3;
  width: 90.278vw;
  height: 13.264vw;
  border-radius: 1.042vw;
  background: #EAF2FF;
  justify-content: center;
}
.main .third_content h3 {
  width: 56.736vw;
  font-family: Gotham Rounded;
  font-size: 1.875vw;
  line-height: 2.222vw;
  text-align: left;
  margin-right: 4.167vw;
  font-weight: bold;
}
.main .third_content .btns {
  width: 19.653vw;
  height: 3.333vw;
  border-radius: 0.417vw;
  background: #18AF5C;
  font-family: Gotham Rounded;
  font-size: 1.111vw;
  font-weight: 325;
  line-height: 1.944vw;
  text-align: center;
  color: #fff;
}
.form_box {
  background: #F7F7F7;
  padding: 4.861vw 0;
}
.form_box h3 {
  font-family: Gotham Rounded;
  font-size: 1.875vw;
  font-weight: 700;
  line-height: 2.222vw;
  text-align: center;
  margin-bottom: 1.944vw;
}
.form_box #myForm {
  width: 48.611vw;
  margin: 0 auto;
}
.form_box .form-group {
  margin-bottom: 1.111vw;
  align-items: flex-start;
}
.form_box .form-control {
  width: 100%;
  height: 2.778vw;
  min-height: 40px;
  border-color: #B3B3B3;
  border-radius: 8px;
}
.form_box .text_area {
  height: 14.444vw;
  min-height: 208px;
}
.form_box .checkbox_label {
  font-size: 11px;
  font-weight: 400;
  text-align: left;
  color: #191919;
  line-height: 16px;
  margin: 0 0 0 0.347vw;
}
.form_box #subscribe {
  margin: 0;
  margin-top: 3px;
}
.form_box .sub_btn {
  width: 100%;
  height: 3.333vw;
  border-radius: 0.417vw;
  background: #18AF5C;
  font-size: 1.111vw;
  color: #ffffff;
}
.form_box .tips {
  font-size: 0.764vw;
  font-weight: 400;
  line-height: 1.111vw;
  text-align: center;
  margin-top: 1.458vw;
}
.form_box .tips a {
  color: #337AB7;
}
.form_box .form-group,
.form_box .flex {
  position: relative;
}
footer {
  width: 500px;
  margin: 40px auto 10px;
}
footer .flex {
  margin: 25px 0 46px;
  justify-content: center;
}
footer .flex a {
  margin: 0 7px;
}
footer .flex img {
  height: 25px;
}
footer .flex .last_img {
  height: 30px;
}
footer .flex span {
  width: 1px;
  height: 30px;
  background: #B3B3B3;
  margin: 0 7px;
}
footer .line {
  width: 100%;
  margin-bottom: 20px;
}
footer p {
  font-size: 11px;
  text-align: center;
  color: #888888;
}
label.error {
  color: red;
  text-align: left;
}
@media screen and (max-width: 834px) and (min-width: 768px) {
  header {
    height: 10.67vw;
  }
  header .header_content {
    width: 83.21vw;
    height: 5.04vw;
    margin: 0 auto;
  }
  header .header_content .flex {
    font-size: 16px;
  }
  header .header_content .flex a:nth-child(2) {
    margin: 0 3.6vw;
  }
  .banner {
    height: 64.75vw;
    background: url("./img/textile_campaign_hero_[tablet].jpg") no-repeat center;
    background-size: 100% 100%;
    margin-top: 10.67vw;
  }
  .banner .banner_content {
    width: 85.61vw;
    left: 50%;
    transform: translateX(-50%);
    top: 7.19vw;
  }
  .banner .banner_content h2 {
    font-size: 4.44vw;
    line-height: 5.4vw;
    text-align: left;
    margin-bottom: 2.4vw;
  }
  .banner .banner_content p {
    font-size: 2.16vw;
    font-weight: 350;
    line-height: 3.36vw;
    text-align: left;
    margin-bottom: 3vw;
  }
  .banner .banner_content .btns,
  .banner .banner_content .btn_box {
    display: block;
    width: 34.29vw;
    height: 5.76vw;
    border-radius: 0.72vw;
    font-size: 1.92vw;
    font-weight: 325;
    line-height: 3.36vw;
    text-align: center;
    margin: 0 auto;
  }
  .signs {
    width: 85.61vw;
    margin: 8.39vw auto;
  }
  .signs h3 {
    font-size: 3.24vw;
    line-height: 3.84vw;
  }
  .signs ul {
    margin-top: 6vw;
    margin-bottom: 0;
  }
  .signs ul li {
    width: 17.81vw;
  }
  .signs ul li div {
    min-width: 10.11vw;
    height: 11.99vw;
    margin-bottom: 2.4vw;
  }
  .signs ul li p {
    font-size: 1.92vw;
    line-height: 2.88vw;
    word-break: break-word !important;
  }
  .main {
    height: 248.68vw;
  }
  .main .line {
    left: 12.83vw;
    width: 48.21vw;
    height: 248.68vw;
  }
  .main .line2 {
    display: block;
  }
  .main .line1,
  .main .line3 {
    display: none;
  }
  .main .main_style {
    width: 46.28vw;
    margin-left: 8.39vw;
  }
  .main .main_style h3 {
    font-size: 3.24vw;
    line-height: 3.84vw;
    margin-bottom: 1.92vw;
  }
  .main .main_style p {
    font-size: 1.92vw;
    line-height: 2.88vw;
    margin-bottom: 1.92vw;
  }
  .main .main_style p:last-child {
    margin-bottom: 0;
  }
  .main .main_style button {
    width: 32.01vw;
    height: 5.76vw;
    border-radius: 0.72vw;
    font-size: 1.92vw;
    line-height: 2.88vw;
  }
  .main .first_content {
    height: 100vw;
    padding-top: 8.39vw;
  }
  .main .first_content .content img {
    width: 30.94vw;
  }
  .main .first_content .content:nth-child(1) .img_box {
    width: 30.94vw;
    height: 43.76vw;
  }
  .main .first_content .content:nth-child(1) .img_box img {
    border-radius: 1.8vw;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .main .first_content .content:nth-child(2) {
    bottom: 8.39vw;
  }
  .main .first_content .content:nth-child(2) img {
    height: 30.94vw;
    border-radius: 1.8vw;
  }
  .main .first_content .bottom_img2 {
    display: block;
  }
  .main .first_content .bottom_img1,
  .main .first_content .bottom_img3 {
    display: none;
  }
  .main .second_content {
    margin-top: 9.59vw;
  }
  .main .second_content .content .img_box {
    position: relative;
    width: 39.21vw;
    height: 39.21vw;
  }
  .main .second_content .content .img_box img {
    border-radius: 1.8vw;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
  }
  .main .second_content .content .img_box .img1 {
    display: none;
  }
  .main .second_content .content .img_box .img2 {
    display: block;
  }
  .main .second_content .content .main_style {
    width: 39.21vw;
    margin-left: 7.19vw;
  }
  .main .second_content .content:nth-child(1) .main_style {
    margin-right: 7.19vw;
  }
  .main .second_content .content:nth-child(2) {
    align-items: flex-start;
    margin-top: 7.19vw;
  }
  .main .second_content .content:nth-child(2) .img_box {
    margin-top: 1.08vw;
  }
  .main .second_content .content:nth-child(2) .main_style h3 {
    margin-top: 0;
  }
  .main .third_content {
    bottom: 8.39vw;
    width: 83.21vw;
    height: 27.22vw;
    border-radius: 1.8vw;
    display: block;
    text-align: center;
  }
  .main .third_content h3 {
    width: 73.62vw;
    font-size: 2.88vw;
    line-height: 3.84vw;
    margin: 6vw auto 3.6vw;
  }
  .main .third_content .btns {
    width: 33.93vw;
    height: 5.76vw;
    border-radius: 0.72vw;
    font-size: 1.92vw;
    line-height: 3.36vw;
  }
  .form_box {
    padding: 8.39vw 0;
  }
  .form_box h3 {
    font-size: 3.24vw;
    font-weight: 700;
    line-height: 3.84vw;
    margin-bottom: 3.36vw;
  }
  .form_box #myForm {
    width: 83.21vw;
  }
  .form_box .form-group {
    margin-bottom: 1.111vw;
  }
  .form_box .form-control {
    width: 100%;
    height: 4.8vw;
    border-color: #B3B3B3;
    margin-bottom: 1.92vw;
  }
  .form_box .text_area {
    height: 24.94vw;
  }
  .form_box .checkbox_label {
    font-size: 11px;
    line-height: 16px;
    margin-left: 0.36vw;
  }
  .form_box #subscribe {
    margin: 0;
  }
  .form_box .sub_btn {
    width: 100%;
    height: 5.76vw;
    border-radius: 0.72vw;
    font-size: 1.92vw;
  }
  .form_box .tips {
    font-size: 1.32vw;
    line-height: 1.92vw;
    margin-top: 2.52vw;
  }
}
@media screen and (max-width: 768px) {
  header {
    height: 15.38vw;
    min-height: auto;
  }
  header .header_content {
    width: 100%;
    height: auto;
  }
  header .header_content img {
    width: 21.03vw;
    margin-left: 5.13vw;
  }
  header .header_content .flex {
    font-size: 16px;
  }
  header .header_content .flex a:nth-child(2) {
    margin: 0;
  }
  header .header_content .flex1 {
    display: none;
  }
  header .header_content .flex2 {
    display: block;
  }
  header .header_content .flex2 img {
    width: 5.13vw;
    margin-right: 5.13vw;
  }
  header .header_content .menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 999;
    padding-top: 12.82vw;
  }
  header .header_content .menu .item {
    font-size: 4.62vw;
    height: 8.21vw;
    margin: 5.13vw;
  }
  header .header_content a.active {
    color: #E4002B;
  }
  header .header_content .close {
    display: none;
    position: fixed;
    right: 5.13vw;
    top: 5.13vw;
    width: 5.13vw;
    height: 5.13vw;
    z-index: 9999 !important;
    opacity: 1;
  }
  .banner {
    height: 171.79vw;
    background: url("./img/textile_campaign_hero_[mobile].jpg") no-repeat center;
    background-size: 100% 100%;
    margin-top: 15.38vw;
  }
  .banner .banner_content {
    width: 84.62vw;
    left: 50%;
    transform: translateX(-50%);
    top: 10.26vw;
  }
  .banner .banner_content h2 {
    font-size: 7.18vw;
    line-height: 9.23vw;
    margin-bottom: 5.13vw;
  }
  .banner .banner_content p {
    font-size: 4.1vw;
    font-weight: 350;
    line-height: 6.67vw;
    margin-bottom: 6.41vw;
  }
  .banner .banner_content .btns,
  .banner .banner_content .btn_box {
    display: block;
    width: 84.62vw;
    height: 12.31vw;
    border-radius: 0.77vw;
    font-size: 4.1vw;
    line-height: 7.18vw;
    text-align: center;
    margin: 0 auto;
  }
  .signs {
    width: 84.62vw;
    margin: 15.38vw auto;
  }
  .signs h3 {
    font-size: 6.92vw;
    line-height: 8.21vw;
  }
  .signs ul {
    margin-bottom: 0;
    flex-wrap: wrap;
  }
  .signs ul li {
    margin-top: 10.26vw;
    width: 100%;
  }
  .signs ul li div {
    min-width: 21.54vw;
    height: 25.64vw;
    margin-bottom: 5.13vw;
  }
  .signs ul li p {
    font-size: 4.1vw;
    line-height: 6.15vw;
    word-break: break-word !important;
  }
  .main {
    height: 898.46vw;
  }
  .main .line {
    left: 0;
    width: 93.72vw;
    height: 100%;
  }
  .main .line3 {
    display: block;
  }
  .main .line1,
  .main .line2 {
    display: none;
  }
  .main .main_style {
    width: 84.62vw;
    margin: 0 auto;
  }
  .main .main_style h3 {
    font-size: 6.92vw;
    line-height: 8.21vw;
    margin-bottom: 3.59vw;
  }
  .main .main_style p {
    font-size: 4.1vw;
    line-height: 6.15vw;
    margin-bottom: 3.59vw;
  }
  .main .main_style p:last-child {
    margin-bottom: 0;
  }
  .main .main_style button {
    width: 100%;
    height: 12.31vw;
    border-radius: 1.54vw;
    font-size: 4.1vw;
    line-height: 7.18vw;
  }
  .main .first_content {
    height: 379.23vw;
    padding-top: 15.38vw;
  }
  .main .first_content .content {
    flex-wrap: wrap;
  }
  .main .first_content .content img {
    width: 66.15vw;
  }
  .main .first_content .content:nth-child(1) {
    position: absolute;
    top: 15.38vw;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
  }
  .main .first_content .content:nth-child(1) .img_box {
    width: 66.15vw;
    height: 93.59vw;
    margin-bottom: 7.69vw;
  }
  .main .first_content .content:nth-child(1) .img_box img {
    border-radius: 3.85vw;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .main .first_content .content:nth-child(2) {
    bottom: 4.05679513%;
  }
  .main .first_content .content:nth-child(2) img {
    width: 84.62vw;
    height: 84.62vw;
    margin-bottom: 7.69vw;
    border-radius: 3.85vw;
  }
  .main .first_content .bottom_img3 {
    display: block;
  }
  .main .first_content .bottom_img1,
  .main .first_content .bottom_img2 {
    display: none;
  }
  .main .second_content {
    margin-top: 15.38vw;
  }
  .main .second_content .content {
    flex-wrap: wrap;
  }
  .main .second_content .content .img_box {
    position: relative;
    width: 84.62vw;
    height: 84.62vw;
    margin-bottom: 8.21vw;
  }
  .main .second_content .content .img_box img {
    border-radius: 3.85vw;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
  }
  .main .second_content .content .img_box .img1 {
    display: none;
  }
  .main .second_content .content .img_box .img2 {
    display: block;
  }
  .main .second_content .content .img_box2 {
    display: none;
  }
  .main .second_content .content .img_box1 {
    display: block;
  }
  .main .second_content .content .main_style {
    width: 84.62vw;
    margin: 0 auto;
  }
  .main .second_content .content:nth-child(1) .main_style {
    margin-right: 0;
  }
  .main .second_content .content:nth-child(2) {
    align-items: flex-start;
    margin-top: 15.38vw;
  }
  .main .second_content .content:nth-child(2) .img_box {
    margin-top: 0;
  }
  .main .second_content .content:nth-child(2) .main_style h3 {
    margin-top: 0;
  }
  .main .third_content {
    bottom: 15.38vw;
    width: 84.62vw;
    height: 91.03vw;
    border-radius: 3.85vw;
    display: block;
    text-align: center;
  }
  .main .third_content h3 {
    width: 69.23vw;
    font-size: 6.15vw;
    line-height: 8.21vw;
    margin: 12.82vw auto 7.69vw;
    text-align: center;
  }
  .main .third_content .btns {
    width: 69.23vw;
    height: 12.31vw;
    border-radius: 1.54vw;
    font-size: 4.1vw;
    line-height: 7.18vw;
  }
  .form_box {
    background: #F7F7F7;
    padding: 15.38vw 0;
  }
  .form_box h3 {
    font-family: Gotham Rounded;
    font-size: 6.92vw;
    font-weight: 700;
    line-height: 8.21vw;
    text-align: center;
    margin-bottom: 7.18vw;
  }
  .form_box #myForm {
    width: 84.62vw;
    margin: 0 auto;
  }
  .form_box .form-group {
    margin-bottom: 4.1vw;
  }
  .form_box .form-control {
    width: 100%;
    height: 10.26vw;
    min-height: auto;
    border-color: #B3B3B3;
    border-radius: 2.05vw;
  }
  .form_box .text_area {
    height: 53.33vw;
    min-height: auto;
  }
  .form_box .checkbox_label {
    font-size: 2.82vw;
    font-weight: 400;
    text-align: left;
    color: #191919;
    line-height: 4.1vw;
    margin-left: 1.28vw;
  }
  .form_box #subscribe {
    margin: 0;
    margin-top: 1.28vw;
  }
  .form_box .sub_btn {
    width: 100%;
    height: 12.31vw;
    border-radius: 1.54vw;
    background: #18AF5C;
    font-size: 4.1vw;
    color: #ffffff;
  }
  .form_box .tips {
    width: 84.62vw;
    text-align: center;
    font-size: 2.82vw;
    font-weight: 400;
    line-height: 4.1vw;
    margin: 5.13vw auto 0;
  }
  .form_box .tips a {
    color: #337AB7;
  }
  footer {
    width: 100%;
    margin: 0px auto 10px;
  }
  footer .flex {
    margin: 15.38vw 0 7.69vw;
    justify-content: center;
  }
  footer .flex a {
    margin: 0 7px;
  }
  footer .flex img {
    height: 25px;
  }
  footer .flex .last_img {
    height: 30px;
  }
  footer .flex span {
    width: 1px;
    height: 30px;
    background: #B3B3B3;
    margin: 0 7px;
    display: none;
  }
  footer .line {
    width: 100%;
    margin-bottom: 20px;
  }
  footer p {
    width: 84.62vw;
    margin: 0 auto;
    font-size: 2.82vw;
    text-align: center;
    color: #888888;
  }
}
/*# sourceMappingURL=index.css.map */