@charset "UTF-8";
html {
  color: #000;
  font-family: "微软雅黑";
}


.header {
  position: relative;
  width: 100vw;
  height: 114vw;
  background: url("../image/banner.png") center center no-repeat;
  background-size: 100vw 114vw;
}


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0;
}

body {
  overflow-x: hidden;
  font-size: 3.2vw;
  background-color: #fff;
}

input, select, textarea {
  font-size: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  text-align: inherit;
}

fieldset, img {
  border: none;
}

img {
  display: block;
}

iframe {
  display: block;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 500;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

a {
  color: inherit;
}

ins, a, a:hover {
  text-decoration: none;
}

a:focus, *:focus {
  outline: none;
}

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
  overflow: hidden;
}

.clearfix {
  zoom: 1;
  
}

.clear {
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  overflow: hidden;
}

.hide {
  display: none;
}

.block {
  display: block;
}

.fl, .fr {
  display: inline;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

html, body {
  width: 100vw;
  overflow-x: hidden;
}

body {
  padding-bottom: 10.66667vw;
}

.container {
  width: 90.66667vw;
  margin: 0 auto;
}

.swt-btn {
  margin: 0 auto;
  width: 56vw;
  height: 10.66667vw;
  line-height: 10.66667vw;
  font-size: 4.8vw;
  font-weight: 800;
  color: #e73650;
  text-align: center;
}

.swt-btn a {
  display: block;
  width: 100%;
}

.swt-btn a .swt-icon {
  position: relative;
  margin-left: 2vw;
  display: inline-block;
  vertical-align: middle;
  width: 5.33333vw;
  height: 5.33333vw;
  background: #e73650;
  border-radius: 50%;
}

.swt-btn a .swt-icon img {
  position: absolute;
  width: 2.13333vw;
  left: 1.6vw;
  top: 1.06667vw;
  animation: swtNext 1.8s ease-in infinite;
}

.mode-title {
  padding-top: 8.8vw;
  text-align: center;
}

.mode-title .big-title {
  font-size: 7.46667vw;
  line-height: 9.86667vw;
  color: #e73650;
  font-weight: 800;
  letter-spacing: 0.26667vw;
}

.mode-title .big-title span {
  color: #555555;
}

.header {
  position: relative;
  width: 100vw;
  height: 114vw;
  background: url("../image/banner.png") center center no-repeat;
  background-size: 100vw 114vw;
}

.header .icon {
  position: absolute;
}

.header .icon.icon1 {
  width: 11.73333vw;
  left: 76.66667vw;
  top: 38.66667vw;
  animation: bannerIcon1 2s linear infinite;
}

.header .icon.icon2 {
  width: 8.4vw;
  left: 25.33333vw;
  top: 61.86667vw;
  animation: bannerIcon2 1.8s linear infinite;
}

.header .icon.icon3 {
  width: 11.33333vw;
  left: 19.2vw;
  top: 48.93333vw;
  animation: bannerIcon3 1.8s linear infinite;
}

.header .icon.icon4 {
  width: 8.26667vw;
  left: 63.33333vw;
  top: 77.6vw;
  animation: bannerIcon4 1.6s ease infinite;
}

.header .swt-btn {
  padding-top: 95.2vw;
}

.nav {
  margin-top: 7.73333vw;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.nav .item {
  width: 19.33333vw;
  margin-bottom: 3.2vw;
}

.nav .item .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 19.33333vw;
  height: 19.33333vw;
  border-radius: 6vw;
}

.nav .item .icon .box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16vw;
  height: 16vw;
  border-radius: 4.8vw;
}

.nav .item .icon .box .tag {
  position: absolute;
  left: 9.86667vw;
  top: -4.13333vw;
  font-size: 3.06667vw;
  line-height: 4.4vw;
  width: 9.33333vw;
  height: 4.4vw;
  border-radius: 2.13333vw;
  background: #ff0000;
  color: #fff;
  text-align: center;
  animation: navTag 8s linear infinite;
}

.nav .item .icon .box .tag:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  left: 1.33333vw;
  bottom: -1.33333vw;
  border: 0.8vw solid transparent;
  border-top: 0.8vw solid #ff0000;
  animation: navTagAfter 8s linear infinite;
}

.nav .item p {
  font-size: 3.73333vw;
  text-align: center;
  line-height: 9.33333vw;
}

.nav .item:nth-of-type(1) .icon {
  background: #fff7f7;
}

.nav .item:nth-of-type(1) .icon .box {
  background: -webkit-linear-gradient(-45deg, #fd7d60, #fd211a);
}

.nav .item:nth-of-type(1) .icon .box img {
  width: 8.4vw;
}

.nav .item:nth-of-type(2) .icon {
  background: #fffae5;
}

.nav .item:nth-of-type(2) .icon .box {
  background: -webkit-linear-gradient(-45deg, #fc955a, #fdc510);
}

.nav .item:nth-of-type(2) .icon .box .tag {
  animation-delay: 0.4s;
  animation-duration: 3.5s;
}

.nav .item:nth-of-type(2) .icon .box .tag:after {
  animation-delay: 0.4s;
  animation-duration: 3.5s;
}

.nav .item:nth-of-type(2) .icon .box img {
  width: 8.13333vw;
}

.nav .item:nth-of-type(3) .icon {
  background: #fff5f9;
}

.nav .item:nth-of-type(3) .icon .box {
  background: -webkit-linear-gradient(-45deg, #f173a2, #fb1f6b);
}

.nav .item:nth-of-type(3) .icon .box img {
  width: 8.13333vw;
}

.nav .item:nth-of-type(4) .icon {
  background: #f7fdf2;
}

.nav .item:nth-of-type(4) .icon .box {
  background: -webkit-linear-gradient(-45deg, #17cc41, #54dd0f);
}

.nav .item:nth-of-type(4) .icon .box .tag {
  animation-delay: 0.8s;
}

.nav .item:nth-of-type(4) .icon .box .tag:after {
  animation-delay: 0.8s;
}

.nav .item:nth-of-type(4) .icon .box img {
  width: 8vw;
}

.nav .item:nth-of-type(5) .icon {
  background: #f7fcff;
}

.nav .item:nth-of-type(5) .icon .box {
  background: -webkit-linear-gradient(-45deg, #00eeff, #009fff);
}

.nav .item:nth-of-type(5) .icon .box img {
  width: 8.13333vw;
}

.nav .item:nth-of-type(6) .icon {
  background: #f2fef9;
}

.nav .item:nth-of-type(6) .icon .box {
  background: -webkit-linear-gradient(-45deg, #00e4a8, #00e48e);
}

.nav .item:nth-of-type(6) .icon .box .tag {
  animation-delay: 0.1s;
}

.nav .item:nth-of-type(6) .icon .box .tag:after {
  animation-delay: 0.1s;
}

.nav .item:nth-of-type(6) .icon .box img {
  width: 6.8vw;
}

.nav .item:nth-of-type(7) .icon {
  background: #fffaf5;
}

.nav .item:nth-of-type(7) .icon .box {
  background: -webkit-linear-gradient(-45deg, #fcc334, #ff910d);
}

.nav .item:nth-of-type(7) .icon .box img {
  width: 6.8vw;
}

.nav .item:nth-of-type(8) .icon {
  background: #f8f8fa;
}

.nav .item:nth-of-type(8) .icon .box {
  background: -webkit-linear-gradient(-45deg, #414d87, #192a60);
}

.nav .item:nth-of-type(8) .icon .box img {
  width: 8.53333vw;
}

.con1 {
  background: -webkit-linear-gradient(-90deg, #fdf2e6, #fff);
}

.con1 .mode-title .big-title {
  background: url("../image/con1_big_title.png") left top no-repeat;
  background-size: 90.13333vw 6.4vw;
}

.con1 .content {
  margin-top: 3.33333vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.con1 .content .item {
  position: relative;
  width: 44.26667vw;
  height: 43.33333vw;
  margin-bottom: 2.13333vw;
  border-radius: 0.93333vw;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 44.26667vw 43.33333vw;
}

.con1 .content .item h3 {
  padding: 2.4vw 0 0 4vw;
  font-size: 4.8vw;
  line-height: 5.86667vw;
  font-weight: 800;
  color: #444444;
}

.con1 .content .item p {
  position: absolute;
  font-size: 3.86667vw;
  line-height: 9.06667vw;
  text-align: center;
  color: #fff;
  width: 100%;
  left: 0;
  bottom: 0;
  letter-spacing: 0.66667vw;
}

.con1 .content .item p a {
  display: block;
  width: 100%;
}

.con1 .content .item:nth-of-type(1) {
  background-image: url("../image/con1_item1.jpg");
}

.con1 .content .item:nth-of-type(2) {
  background-image: url("../image/con1_item2.jpg");
}

.con1 .content .item:nth-of-type(3) {
  background-image: url("../image/con1_item3.jpg");
}

.con1 .content .item:nth-of-type(4) {
  background-image: url("../image/con1_item4.jpg");
}

.con2 {
  margin-top: 1.33333vw;
}

.con2 .mode-title .big-title {
  background: url("../image/con1_big_title.png") left top no-repeat;
  background-size: 90.13333vw 6.4vw;
}

.con2 .content {
  margin-top: 4vw;
  padding-bottom: 9.33333vw;
  display: flex;
  justify-content: space-between;
}

.con2 .content .item {
  position: relative;
  width: 44vw;
  height: 62.66667vw;
}

.con2 .content .item h3 {
  font-size: 6.26667vw;
  line-height: 6.26667vw;
  text-align: center;
  padding-top: 2.93333vw;
  font-weight: 800;
  color: #222222;
}

.con2 .content .item p {
  padding-left: 4.93333vw;
  font-size: 2.93333vw;
  line-height: 6.26667vw;
  color: #fff;
}

.con2 .content .item p:nth-of-type(1) {
  padding-top: 8vw;
}

.con2 .content .item .swt-btn {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10.66667vw;
  border-radius: 0.66667vw;
  background: #e73650;
  font-size: 3.86667vw;
  line-height: 10.66667vw;
  text-align: center;
  color: #fff;
}

.con2 .content .item:nth-of-type(1) {
  background: url("../image/con2_item1.jpg") center top no-repeat;
  background-size: 44vw 50.66667vw;
}

.con2 .content .item:nth-of-type(2) {
  background: url("../image/con2_item2.jpg") center top no-repeat;
  background-size: 44vw 50.66667vw;
}

.con3 {
  position: relative;
  padding-bottom: 6.66667vw;
  background: #fdf2e5;
}

.con3 .mode-title .big-title {
  background: url("../image/con3_big_title.png") 6.66667vw 6.66667vw no-repeat;
  background-size: 66.26667vw 13.06667vw;
}

.con3 .mode-title .line {
  margin: 1.33333vw auto;
  width: 10.4vw;
  height: 0.53333vw;
  background: #f08300;
}

.con3 .content {
  position: relative;
  width: 100%;
  height: 107.86667vw;
  background: url("../image/con3_content_bg.png") center top no-repeat;
  background-size: 100vw 107.86667vw;
}

.con3 .content .small-title {
  text-align: center;
  font-size: 3.86667vw;
  line-height: 4.8vw;
  color: #666666;
}

.con3 .content .small-title span {
  font-weight: 800;
  color: #e73650;
}

.con3 .content .item {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
  width: 17.86667vw;
  height: 17.86667vw;
  border-radius: 50%;
  font-size: 3.2vw;
  line-height: 3.86667vw;
  color: #fff;
  font-weight: 800;
  text-align: center;
  background: linear-gradient(135deg, #f8b300, #f08300);
}

.con3 .content .item.on {
  background: linear-gradient(135deg, #f68d9d, #db0827);
}

.con3 .content .item.item1 {
  left: 41.06667vw;
  top: 10.13333vw;
}

.con3 .content .item.item2 {
  left: 67.86667vw;
  top: 22.26667vw;
}

.con3 .content .item.item3 {
  left: 75.86667vw;
  top: 51.46667vw;
}

.con3 .content .item.item4 {
  left: 57.2vw;
  top: 74.26667vw;
}

.con3 .content .item.item5 {
  left: 25.73333vw;
  top: 74.4vw;
}

.con3 .content .item.item6 {
  left: 6.4vw;
  top: 51.46667vw;
}

.con3 .content .item.item7 {
  left: 14.26667vw;
  top: 22.26667vw;
}

.con3 .swt-btn {
  position: absolute;
  left: 28vw;
  bottom: 7.2vw;
  width: 44vw;
  height: 10.66667vw;
  border-radius: 0.66667vw;
  overflow: hidden;
  background: linear-gradient(to bottom, #f38b24 0%, #ea4946 18.75%, #e73650 100%);
  color: #fff;
}

.con3 .swt-btn .swt-icon {
  background: #fff;
}

.con4 {
  position: relative;
  padding-bottom: 8.26667vw;
}

.con4 .mode-title .big-title {
  background: url("../image/con4_big_title.png") center top no-repeat;
  background-size: 71.46667vw 8.13333vw;
}

.con4 .content {
  margin-top: 6.66667vw;
  position: relative;
  height: 58.66667vw;
}

.con4 .content .left-items .item {
  position: absolute;
  width: 8vw;
  height: 8vw;
  border-radius: 50%;
  z-index: 10;
}

.con4 .content .left-items .item:nth-of-type(1) {
  left: 0;
  top: 4.66667vw;
  background: #f08300 url("../image/con4_left_item1.png") center center no-repeat;
  background-size: 4.8vw 4.66667vw;
}

.con4 .content .left-items .item:nth-of-type(2) {
  left: 0;
  top: 25.33333vw;
  background: #f08300 url("../image/con4_left_item2.png") center center no-repeat;
  background-size: 4.4vw 5.2vw;
}

.con4 .content .left-items .item:nth-of-type(3) {
  left: 0;
  top: 46vw;
  background: #f08300 url("../image/con4_left_item3.png") center center no-repeat;
  background-size: 4vw 3.86667vw;
}

.con4 .content .left-items .line {
  position: absolute;
  left: 4vw;
  top: 4.66667vw;
  width: 1px;
  height: 49.33333vw;
  background: #f08300;
}

.con4 .content .mid-items .item {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 19.6vw;
  height: 17.33333vw;
  background: url("../image/con4_mid_item.png") center center no-repeat;
  background-size: 19.6vw 17.33333vw;
  font-size: 4.8vw;
  color: #fff;
  font-weight: 800;
  line-height: 6vw;
  text-align: center;
}

.con4 .content .mid-items .item:nth-of-type(1) {
  left: 10.53333vw;
  top: 0;
}

.con4 .content .mid-items .item:nth-of-type(2) {
  left: 10.53333vw;
  top: 20.66667vw;
}

.con4 .content .mid-items .item:nth-of-type(3) {
  left: 10.53333vw;
  top: 41.33333vw;
  font-size: 4vw;
  line-height: 5.2vw;
}

.con4 .content .right-items .item {
  position: absolute;
  width: 60.66667vw;
  height: 14.26667vw;
  background: url("../image/con4_right_item.png") center center no-repeat;
  background-size: 60.66667vw 14.26667vw;
}

.con4 .content .right-items .item p {
  padding: 2.4vw 2.26667vw 0 5.46667vw;
  font-size: 3.73333vw;
  line-height: 4.8vw;
  color: #555555;
}

.con4 .content .right-items .item p span {
  font-weight: 800;
}

.con4 .content .right-items .item:nth-of-type(1) {
  left: 30.13333vw;
  top: 3.06667vw;
}

.con4 .content .right-items .item:nth-of-type(2) {
  left: 30.13333vw;
  top: 23.73333vw;
}

.con4 .content .right-items .item:nth-of-type(3) {
  left: 30.13333vw;
  top: 44.53333vw;
}

.con4 .swt-btn {
  margin-top: 6.66667vw;
  width: 53.33333vw;
  height: 10.66667vw;
  border-radius: 0.66667vw;
  overflow: hidden;
  background: linear-gradient(to bottom, #f38b24 0%, #ea4946 18.75%, #e73650 100%);
  color: #fff;
}

.con4 .swt-btn .swt-icon {
  background: #fff;
}

.con5 {
  padding-bottom: 8vw;
  background: #fdf2e5;
}

.con5 .mode-title .big-title {
  background: url("../image/con4_big_title.png") center top no-repeat;
  background-size: 71.46667vw 8.13333vw;
}

.con5 .content {
  margin-top: 3.33333vw;
  display: flex;
  justify-content: space-between;
}

.con5 .content .item {
  position: relative;
  width: 44.26667vw;
}

.con5 .content .item img {
  width: 100%;
  border-radius: 0.26667vw;
}

.con5 .content .item img.play {
  position: absolute;
  width: 7.86667vw;
  left: 18.26667vw;
  top: 8.66667vw;
}

.con5 .content .item p {
  font-size: 3.86667vw;
  line-height: 7.86667vw;
  text-align: center;
  color: #222222;
}

.con5 .swt-btn {
  margin-top: 3.33333vw;
  width: 53.33333vw;
  height: 10.66667vw;
  border-radius: 0.66667vw;
  overflow: hidden;
  background: linear-gradient(to bottom, #f38b24 0%, #ea4946 18.75%, #e73650 100%);
  color: #fff;
}

.con5 .swt-btn .swt-icon {
  background: #fff;
}

.con6 {
  padding-bottom: 10.66667vw;
}

.con6 .mode-title .big-title {
  background: url("../image/con4_big_title.png") center top no-repeat;
  background-size: 71.46667vw 8.13333vw;
}

.con6 .content {
  margin-top: 4.26667vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.con6 .content .item {
  position: relative;
  width: 28.8vw;
  margin-bottom: 2.66667vw;
}

.con6 .content .item img {
  width: 100%;
  height: 22.66667vw;
  border-radius: 0.66667vw;
}

.con6 .content .item p {
  position: absolute;
  left: 0;
  top: 16vw;
  width: 100%;
  text-align: center;
  font-size: 3.06667vw;
  line-height: 6.66667vw;
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 0 0 0.66667vw 0.66667vw;
}

.con6 .content .item a {
  display: block;
  margin-top: 1.33333vw;
  width: 100;
  line-height: 8vw;
  border-radius: 0.66667vw;
  background: #f08300;
  font-size: 3.73333vw;
  text-align: center;
  color: #fff;
}

.con6 .swt-btn {
  margin-top: 1.33333vw;
  width: 53.33333vw;
  height: 10.66667vw;
  border-radius: 0.66667vw;
  overflow: hidden;
  background: linear-gradient(to bottom, #f38b24 0%, #ea4946 18.75%, #e73650 100%);
  color: #fff;
}

.con6 .swt-btn .swt-icon {
  background: #fff;
}

.con7 {
  padding-bottom: 7.73333vw;
  background: #fdf2e5;
}

.con7 .mode-title .big-title {
  background: url("../image/con7_big_title.png") 5.46667vw 7.33333vw no-repeat;
  background-size: 72vw 8.53333vw;
}

.con7 .content {
  margin-top: 5.33333vw;
}

.con7 .content ul li {
  border: 1px solid #999999;
  box-sizing: border-box;
  border-bottom: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
}

.con7 .content ul li:first-child {
  border-radius: 0.66667vw 0.66667vw 0 0;
}

.con7 .content ul li:last-child {
  border-radius: 0 0 0.66667vw 0.66667vw;
  border: 1px solid #999999;
}

.con7 .content ul li p {
  padding-left: 2.93333vw;
  font-size: 3.2vw;
  line-height: 12vw;
}

.con7 .content ul li a {
  margin-right: 2.26667vw;
  width: 22.66667vw;
  line-height: 7.33333vw;
  text-align: center;
  color: #fff;
  background: #e73650;
  font-size: 3.06667vw;
  border-radius: 0.26667vw;
}

.con7 .swt-btn {
  margin-top: 4vw;
  width: 53.33333vw;
  height: 10.66667vw;
  border-radius: 0.66667vw;
  overflow: hidden;
  background: linear-gradient(to bottom, #f38b24 0%, #ea4946 18.75%, #e73650 100%);
  color: #fff;
}

.con7 .swt-btn .swt-icon {
  background: #fff;
}

.con8 {
  padding-bottom: 1.06667vw;
}

.con8 .mode-title .big-title {
  background: url("../image/con8_big_title.png") center top no-repeat;
  background-size: 62.66667vw 6.4vw;
}

.con8 .content {
  position: relative;
  margin-top: 4.26667vw;
}

.con8 .content .swiper-container .swiper-slide {
  position: relative;
  width: 58.66667vw;
  height: 80vw;
}

.con8 .content .swiper-container .swiper-slide img {
  width: 100%;
  border-radius: 0 0 29.33333vw 29.33333vw;
  box-shadow: 0 0 1.33333vw rgba(0, 0, 0, 0.2);
}

.con8 .content .swiper-container .swiper-slide .mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 80vw;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0 0 29.33333vw 29.33333vw;
}

.con8 .content .swiper-container .swiper-slide-active .mask {
  display: none;
}

.con8 .content .swiper-button-next, .con8 .content .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 10.66667vw;
  height: 10.66667vw;
  margin-top: -5.33333vw;
  z-index: 10;
  background-repeat: no-repeat;
  background-image: none;
  background-color: #fdd000;
  background-size: 1.73333vw 2.66667vw;
  border-radius: 50%;
}

.con8 .content .swiper-button-next {
  right: -5.33333vw;
  background-image: url("../image/swiper_next.png");
  background-position: 1.86667vw center;
  animation: swiperBtnNext 1.8s ease-in-out infinite;
}

.con8 .content .swiper-button-prev {
  left: -5.33333vw;
  background-image: url("../image/swiper_prev.png");
  background-position: 7.06667vw center;
  animation: swiperBtnPrev 1.8s ease-in-out infinite;
}

.con8 .swt-btn {
  margin-top: 4vw;
  width: 53.33333vw;
  height: 10.66667vw;
  border-radius: 0.66667vw;
  overflow: hidden;
  background: linear-gradient(to bottom, #f38b24 0%, #ea4946 18.75%, #e73650 100%);
  color: #fff;
}

.con8 .swt-btn .swt-icon {
  background: #fff;
}

.con9 {
  width: 100%;
  height: 140.26667vw;
  background: url("../image/con9_bg.jpg") center top no-repeat;
  background-size: 100vw 140.26667vw;
}

.con9 .title {
  padding-top: 21.46667vw;
  font-size: 5.33333vw;
  line-height: 6.53333vw;
  text-align: center;
  color: #fff;
  font-weight: 800;
  text-shadow: 0 0.8vw 0 #d40b28;
}

.con9 .small-title {
  font-size: 3.06667vw;
  line-height: 7.06667vw;
  text-align: center;
  color: #ffff00;
}

.con9 .content {
  margin-top: 0.93333vw;
}

.con9 .content form .ipt-group {
  display: flex;
  margin-bottom: 1.06667vw;
  font-size: 3.06667vw;
}

.con9 .content form .ipt-group input {
  padding: 0 1.33333vw 0 9.06667vw;
  flex: 1;
  height: 10.66667vw;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0.26667vw;
  border: 1px solid #000;
  appearance: button;
}

.con9 .content form .ipt-group input.name {
  background: #fff url("../image/name.png") 3.06667vw center no-repeat;
  background-size: 3.6vw 4.8vw;
}

.con9 .content form .ipt-group input.tel {
  background: #fff url("../image/phone.png") 3.06667vw center no-repeat;
  background-size: 3.46667vw 5.06667vw;
}

.con9 .content form .ipt-group input.qq {
  background: #fff url("../image/qq.png") 2.66667vw center no-repeat;
  background-size: 4.13333vw 4.26667vw;
}

.con9 .content form .ipt-group input.wchat {
  background: #fff url("../image/wchat.png") 2.53333vw center no-repeat;
  background-size: 4.66667vw 3.86667vw;
}

.con9 .content form .ipt-group textarea {
  padding: 2vw 1.33333vw 0 9.06667vw;
  flex: 1;
  height: 16vw;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0.26667vw;
  border: 1px solid #000;
  resize: none;
  background: #fff url("../image/msg.png") 2.4vw 2vw no-repeat;
  background-size: 4.53333vw 4.13333vw;
}

.con9 .content form .tip {
  position: relative;
  padding-left: 3.6vw;
  font-size: 2.66667vw;
  line-height: 8.53333vw;
  color: #960319;
}

.con9 .content form .tip:before {
  position: absolute;
  content: '';
  left: 0;
  top: 3.33333vw;
  width: 1.86667vw;
  height: 1.86667vw;
  border-radius: 50%;
  background: #960319;
}

.con9 .content form .sub-btn {
  margin-top: 2.93333vw;
  width: 100%;
  height: 10.66667vw;
  line-height: 10.66667vw;
  font-size: 3.86667vw;
  text-align: center;
  background: #ffff00;
  border-radius: 0.26667vw;
  cursor: pointer;
}

.foot {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100vw;
  height: 11vw;
  display: flex;
  z-index: 999;
}

.foot .item {
  width: 33.33333vw;
  height: 11vw;
  font-size: 3.86667vw;
  line-height: 11vw;
  color: #fff;
  font-weight: 800;
  background-clip: text;
  -webkit-background-clip: content-box;
  -webkit-background-size: 200% 100%;
  text-indent: 6.66667vw;
}

.foot .item a {
  display: block;
  width: 100%;
  background: url("../image/foot_btn.png") 23.86667vw center no-repeat;
  background-size: 5.33333vw 5.33333vw;
}

.foot .item:nth-of-type(1) {
  background-image: linear-gradient(to right, #ff4167, #ff4454, #ff4a30, #ff4167);
  animation: rainbow-border 1.5s linear 0.2s infinite;
}

.foot .item:nth-of-type(1) a {
  animation-delay: 0.2s;
}

.foot .item:nth-of-type(2) {
  background-image: linear-gradient(to right, #c86ee0, #e35b90, #f35161, #c86ee0);
  animation: rainbow-border 1.5s linear 0.4s infinite;
}

.foot .item:nth-of-type(2) a {
  animation-delay: 0.6s;
}

.foot .item:nth-of-type(3) {
  background-image: linear-gradient(to right, #f5a318, #f48016, #f13112, #f5a318);
  animation: rainbow-border 1.5s linear 0.8s infinite;
}

.foot .item:nth-of-type(3) a {
  animation-delay: 1.2s;
}

#copy {
  text-align: center;
  color: #666;
  line-height: 8vw;
}

@keyframes footBtn {
  0% {
    background-position: 23.86667vw 1.33333vw;
  }
  20% {
    background-position: 23.86667vw 4.66667vw;
  }
  40% {
    background-position: 23.86667vw 2.66667vw;
  }
  60% {
    background-position: 23.86667vw 4vw;
  }
  80% {
    background-position: 23.86667vw 2.66667vw;
  }
  90% {
    background-position: 23.86667vw 4.66667vw;
  }
  100% {
    background-position: 23.86667vw 1.33333vw;
  }
}

@keyframes rainbow-border {
  0% {
    background-position: 200% 100%;
  }
  50% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 100%;
  }
}

@keyframes swiperBtnPrev {
  0% {
    background-position: 7.06667vw center;
  }
  50% {
    background-position: 5.73333vw center;
  }
  100% {
    background-position: 7.06667vw center;
  }
}

@keyframes swiperBtnNext {
  0% {
    background-position: 1.86667vw center;
  }
  50% {
    background-position: 3.2vw center;
  }
  100% {
    background-position: 1.86667vw center;
  }
}

@keyframes bannerIcon1 {
  0% {
    left: 76.66667vw;
    top: 38.66667vw;
  }
  50% {
    left: 78vw;
    top: 37.33333vw;
  }
  100% {
    left: 76.66667vw;
    top: 38.66667vw;
  }
}

@keyframes bannerIcon2 {
  0% {
    left: 25.33333vw;
    top: 57.33333vw;
  }
  50% {
    left: 24.66667vw;
    top: 58.66667vw;
  }
  100% {
    left: 25.33333vw;
    top: 57.33333vw;
  }
}

@keyframes bannerIcon3 {
  0% {
    left: 19.2vw;
    top: 45.33333vw;
  }
  50% {
    left: 19.2vw;
    top: 46.66667vw;
  }
  100% {
    left: 19.2vw;
    top: 45.33333vw;
  }
}

@keyframes bannerIcon4 {
  0% {
    left: 63.33333vw;
    top: 77.33333vw;
  }
  50% {
    left: 63.33333vw;
    top: 78vw;
  }
  100% {
    left: 63.33333vw;
    top: 77.33333vw;
  }
}

@keyframes bannerIcon4 {
  0% {
    left: 63.33333vw;
    top: 77.33333vw;
  }
  50% {
    left: 63.33333vw;
    top: 78vw;
  }
  100% {
    left: 63.33333vw;
    top: 77.33333vw;
  }
}

@keyframes swtNext {
  0% {
    left: 1.6vw;
  }
  50% {
    left: 2.13333vw;
    opacity: 0.2;
  }
  100% {
    left: 1.6vw;
  }
}

@keyframes navTag {
  0% {
    background: #ff0000;
  }
  49% {
    background: #ff0000;
  }
  50% {
    background: #f8c300;
  }
  69% {
    background: #f8c300;
  }
  70% {
    background: #ff0000;
  }
  100% {
    background: #ff0000;
  }
}

@keyframes navTagAfter {
  0% {
    border-top: 0.8vw solid #ff0000;
  }
  49% {
    border-top: 0.8vw solid #ff0000;
  }
  50% {
    border-top: 0.8vw solid #f8c300;
  }
  69% {
    border-top: 0.8vw solid #f8c300;
  }
  70% {
    border-top: 0.8vw solid #ff0000;
  }
  100% {
    border-top: 0.8vw solid #ff0000;
  }
}