@charset "UTF-8";
*,
p {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

body {
  font-family: "微软雅黑" !important;
  background-color: #fff;
}

@font-face {
  font-family: '微酷雅黑';
  src: url(fonts/font.ttf);
}
.x-1 {
  width: 100%;
  float: left;
}

.x-2 {
  width: 50%;
  float: left;
}

.x-3 {
  width: 33.3333333333%;
  float: left;
}

.x-4 {
  width: 25%;
  float: left;
}

.x-5 {
  width: 20%;
  float: left;
}

.x-6 {
  width: 16.6666666667%;
  float: left;
}

.x-7 {
  width: 14.2857142857%;
  float: left;
}

.text-overflow {
  white-space: pre;
  text-overflow: ellipsis;
  overflow: hidden;
}

[class*="text-overflow-"],
[class*="text-xs-overflow-"] {
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
}

.text-overflow-2 {
  -webkit-line-clamp: 2;
}

.text-overflow-3 {
  -webkit-line-clamp: 3;
}

.text-overflow-4 {
  -webkit-line-clamp: 4;
}

.text-overflow-5 {
  -webkit-line-clamp: 5;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}
@media (max-width: 768px) {
  .text-xs-overflow-2 {
    -webkit-line-clamp: 2;
  }

  .text-xs-overflow-3 {
    -webkit-line-clamp: 3;
  }

  .text-xs-overflow-4 {
    -webkit-line-clamp: 4;
  }

  .text-xs-overflow-5 {
    -webkit-line-clamp: 5;
  }
}
@media (max-width: 320px) {
  .text-xs-overflow-2 {
    -webkit-line-clamp: 2;
  }

  .text-xs-overflow-3 {
    -webkit-line-clamp: 3;
  }

  .text-xs-overflow-4 {
    -webkit-line-clamp: 4;
  }

  .text-xs-overflow-5 {
    -webkit-line-clamp: 5;
  }
}
#header {
  position: relative;
  padding-top: 27px;
  height: 97px;
  background-color: #ffffff;
  width: 100%;
  z-index: 100;
}
#header .container .row .header-logo {
  height: 54px;
}
#header .container .row .header-logo a img {
  width: 277px;
  height: 70px;
}
#header .container .row .header-logo.col-md-3 {
  padding-left: 0px !important;
}
#header .container .row .header-nav {
  font-size: 16px;
  margin-top: 15px;
}
#header .container .row .header-nav ul {
  display: flex;
  justify-content: space-around;
  list-style: none;
  width: 100%;
}
#header .container .row .header-nav ul li {
  padding: 1px 0 5px 0px;
  font-size: 16px;
  position: relative;
}
#header .container .row .header-nav ul li .items {
  display: flex;
  justify-content: space-around;
}
#header .container .row .header-nav ul li .items span a {
  text-decoration: none;
  color: #666666;
  display: block;
}
#header .container .row .header-nav ul li .items span a:hover {
  color: #666666;
}
#header .container .row .header-nav ul li .items span .active {
  color: #e50012;
}
#header .container .row .header-nav ul li .items span .active:hover {
  color: #e50012;
}
#header .container .row .header-nav ul li .items .header-btn {
  margin-left: 5px;
}
#header .container .row .header-nav ul li .items .header-btn img:nth-child(1) {
  right: -15px;
  height: 7px;
}
#header .container .row .header-nav ul li .items .header-btn img:nth-child(2) {
  display: none;
}
#header .container .row .header-nav ul li .items .header-btn-active img:nth-child(1) {
  display: none;
}
#header .container .row .header-nav ul li .items .header-btn-active img:nth-child(2) {
  display: block;
  margin-top: 4px;
}
#header .container .row .header-nav ul li .f2 {
  width: 108px;
  position: absolute;
  left: -19px;
  top: 56px;
  text-align: center;
  height: 0;
  overflow: hidden;
  transition: height 0.4s ease;
  -moz-transition: height 0.4s ease;
  -webkit-transition: height 0.4s ease;
  -o-transition: height 0.4s ease;
}
#header .container .row .header-nav ul li .f2 ul {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
}
#header .container .row .header-nav ul li .f2 ul li a {
  text-decoration: none;
  display: block;
  white-space: nowrap;
  font-size: 14px;
  letter-spacing: 0px;
  color: #666666;
}
@media (max-width: 768px) {
  #header .container .row .header-nav ul li .f2 ul li a {
    font-size: 10px;
  }
}
#header .container .row .header-nav ul li .f2 ul li a:hover {
  color: #e50012;
  transition: 0.3s;
}
#header .container .row .header-nav ul li .f2-tec {
  left: -17px;
}
#header .container .row .header-nav ul .hasChild:hover .f2 {
  height: 200px;
  transition: height 0.4s ease;
  -moz-transition: height 0.4s ease;
  -webkit-transition: height 0.4s ease;
  -o-transition: height 0.4s ease;
}
@media (max-width: 768px) {
  #header .container .row .header-nav {
    font-size: 8px;
  }
  #header .container .row .header-nav li {
    font-size: 8px;
  }
  #header .container .row .header-nav li ul li a {
    font-size: 7px;
  }
}
#header .container .row .header-search {
  border-radius: 16px;
}
#header .container .row .header-search .search {
  width: 100%;
  height: 35px;
  border-radius: 16px;
  border: 1px solid #cccccc;
  margin-top: 10px;
  position: relative;
  font-size: 14px;
}
#header .container .row .header-search .search input {
  width: 70px;
  margin-left: 10px;
  position: absolute;
  top: 4px;
  border-style: none;
  border-image: none;
  outline: none;
}
#header .container .row .header-search .search button {
  border: 0;
  background-color: transparent;
  outline: none;
  position: absolute;
  top: 6px;
  right: 12px;
}
@media (max-width: 768px) {
  #header .container .row .header-search .search {
    font-size: 7px;
  }
}
@media (max-width: 1207px) {
  #header {
    display: none;
  }
}

#mobile-nav {
  padding-top: 10px;
  background-color: #ffffff;
  width: 100%;
  display: none;
  z-index: 100;
}
#mobile-nav .mobile-top {
  height: 100%;
}
#mobile-nav .mobile-top .row {
  margin-left: 0px;
  margin-right: 0px;
  justify-content: space-between;
}
#mobile-nav .mobile-top .row .mobile-logo {
  width: 200px;
  height: 70px;
}
#mobile-nav .mobile-top .row .mobile-logo a {
  height: 60%;
  display: block;
}
#mobile-nav .mobile-top .row .mobile-logo a img {
  height: 100%;
}
#mobile-nav .mobile-top .row #mobile-btn {
  margin-top: 10px;
  height: 39px;
}
#mobile-nav .mobile-top .row #mobile-btn img {
  height: 60%;
}
#mobile-nav #menu {
  background-color: #ffffff;
}
#mobile-nav #menu .f1 {
  height: 0;
  overflow: hidden;
}
#mobile-nav #menu .f1 ul {
  list-style: none;
  padding: 0;
  overflow: hidden;
}
#mobile-nav #menu .f1 ul li {
  position: relative;
  padding: 10px 0 10px 0px;
  overflow: hidden;
  border-bottom: 1px solid #d7d7d7;
}
#mobile-nav #menu .f1 ul li .items span {
  display: block;
}
#mobile-nav #menu .f1 ul li .items span a {
  text-decoration: none;
  display: block;
  white-space: nowrap;
  line-height: 24px;
  letter-spacing: 0px;
  color: #333333;
  font-size: 24px;
}
#mobile-nav #menu .f1 ul li .items span a:hover {
  color: #333333;
  transition: 0.3s;
}
@media (max-width: 768px) {
  #mobile-nav #menu .f1 ul li .items span a {
    font-size: 12px;
  }
}
#mobile-nav #menu .f1 ul li .items span .active {
  color: #e50012;
}
#mobile-nav #menu .f1 ul li .items span .active:hover {
  color: #e50012;
}
#mobile-nav #menu .f1 ul li .items .box-btn {
  height: 19px;
  width: 19px;
  position: absolute;
  right: 20px;
  top: 10px;
}
#mobile-nav #menu .f1 ul li .items .box-btn img {
  width: 100%;
  height: 100%;
}
#mobile-nav #menu .f1 ul li .f2 {
  height: 0;
  overflow: hidden;
  transition: height 0.4s ease;
  -moz-transition: height 0.4s ease;
  -webkit-transition: height 0.4s ease;
  -o-transition: height 0.4s ease;
}
#mobile-nav #menu .f1 ul li .f2 ul li a {
  text-decoration: none;
  display: block;
  white-space: nowrap;
  font-size: 20px;
  letter-spacing: 0px;
  color: #666666;
}
@media (max-width: 768px) {
  #mobile-nav #menu .f1 ul li .f2 ul li a {
    font-size: 10px;
  }
}
@media (max-width: 1206px) {
  #mobile-nav {
    display: block;
  }
}

.swiper-container {
  width: 100%;
}
.swiper-container .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) {
  .floor {
    margin-top: 15px;
  }
}
.floor .container .row {
  padding-right: 0px;
  padding-left: 0px;
}
.floor .container .row .col-md-6 {
  margin-top: 46px;
  padding-right: 10px;
  padding-left: 10px;
}
.floor .container .row .col-md-6 .kong {
  height: 20px;
}
@media (max-width: 768px) {
  .floor .container .row .col-md-6 .kong {
    height: 10px;
  }
}
.floor .container .row .col-md-6 a .box {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.floor .container .row .col-md-6 a .box .bg-img {
  width: 100%;
  height: 100%;
  display: block;
  transform: scale(1);
  -webkit-transform: scale(1);
  transition: all 1.5s ease 0s;
  -webkit-transform: all 1.5s ease 0s;
}
.floor .container .row .col-md-6 a .box .box-text {
  position: absolute;
  bottom: 50px;
  transition: bottom 1s;
}
.floor .container .row .col-md-6 a .box .box-text .mo {
  width: 88%;
  margin: auto;
  overflow: hidden;
}
.floor .container .row .col-md-6 a .box .box-text .mo h6 {
  font-size: 24px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #ffffff;
}
.floor .container .row .col-md-6 a .box .box-text .mo h6 img {
  width: 21px;
  height: 34px;
  margin-right: 1px;
}
.floor .container .row .col-md-6 a .box .box-text .mo p {
  box-sizing: border-box;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #ffffff;
  z-index: 2;
  opacity: 0;
  height: 0px;
  margin: 0px 0px;
  transition: all 1s;
}
@media (max-width: 768px) {
  .floor .container .row .col-md-6 a .box .box-text .mo h6 {
    font-size: 12px;
  }
  .floor .container .row .col-md-6 a .box .box-text .mo p {
    font-size: 7px;
    opacity: 1;
    height: auto;
  }
}
.floor .container .row .col-md-6 a .box:hover .bg-img {
  transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transition: all 1.5s ease 0s;
  -webkit-transform: all 1.5s ease 0s;
}
.floor .container .row .col-md-6 a .box:hover .box-text {
  bottom: 0px;
}
.floor .container .row .col-md-6 a .box:hover .box-text .mo p {
  opacity: 1;
  height: 72px;
  margin: 16px 0px;
}
.floor .container .row .box2 {
  display: flex;
  flex-direction: column;
}
.floor .container .row .box2 a {
  height: 50%;
}
.floor .container .row .box2 a .box {
  height: 100%;
  width: 100%;
}
.floor .container .row .box2 a .box img {
  height: 100%;
  width: 100%;
}
@media (max-width: 768px) {
  .floor .container .row .col-md-6 {
    margin-top: 10px;
  }
}

.Aboutus {
  margin-top: 74px;
  position: relative;
  margin-bottom: 245px;
}
@media (max-width: 1400px) {
  .Aboutus {
    margin-bottom: 0px;
  }
}
.Aboutus .container-fluid {
  padding-right: 0px;
  padding-left: 0px;
  overflow: hidden;
}
.Aboutus .container-fluid img {
  width: 100%;
  height: 100%;
}
.Aboutus .Aboutus-text {
  width: 100%;
  position: absolute;
  top: 90%;
  margin-right: auto;
}
@media (max-width: 1400px) {
  .Aboutus .Aboutus-text {
    position: initial;
  }
}
.Aboutus .Aboutus-text .text-main {
  padding-top: 2px;
  text-align: center;
  margin-bottom: 10px;
  background-color: #f9f9f9;
  box-shadow: 0px 1px 14px 0px rgba(234, 234, 234, 0.76);
}
.Aboutus .Aboutus-text .text-main h3 {
  margin-top: 32px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #333333;
  font-size: 24px;
}
.Aboutus .Aboutus-text .text-main p {
  margin-top: 29px;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #666666;
}
.Aboutus .Aboutus-text .text-main .btn {
  margin-top: 6px;
  margin-bottom: 20px;
  border: 1px solid red;
}
.Aboutus .Aboutus-text .text-main .btn a {
  line-height: 24px;
  letter-spacing: 0px;
  text-decoration: none;
  color: #e50012;
}
.Aboutus .Aboutus-text .text-main .btn a:hover {
  color: #e50012;
}
@media (max-width: 768px) {
  .Aboutus {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .Aboutus .container-fluid {
    margin-top: 20px;
  }
  .Aboutus .Aboutus-text {
    position: initial;
  }
  .Aboutus .Aboutus-text .text-main {
    padding-top: 1px;
  }
  .Aboutus .Aboutus-text .text-main h3 {
    margin-top: 0px;
    font-size: 12px;
  }
  .Aboutus .Aboutus-text .text-main p {
    margin-top: 0px;
    font-size: 9px;
  }
}

.footer {
  margin-top: 120px;
  background-color: #f3f3f3;
}
.footer .container {
  border-bottom: 1px solid #e9e9e9;
}
.footer .container .row .col-md-5 {
  display: flex;
  justify-content: space-around;
  padding-right: 0px;
  padding-left: 0px;
  margin-top: 56px;
  text-align: center;
}
.footer .container .row .col-md-5 div h5 {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #666666;
}
@media (max-width: 768px) {
  .footer .container .row .col-md-5 div h5 {
    font-size: 8px;
  }
}
.footer .container .row .col-md-5 div ul {
  list-style: none;
}
.footer .container .row .col-md-5 div ul li {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
}
.footer .container .row .col-md-5 div ul li a {
  text-decoration: none;
  color: #999999;
}
.footer .container .row .col-md-5 div ul li a:hover {
  color: #999999;
}
@media (max-width: 768px) {
  .footer .container .row .col-md-5 div ul li {
    font-size: 7px;
  }
}
@media (max-width: 768px) {
  .footer .container .row .col-md-5 div ul {
    display: none;
  }
}
@media (max-width: 768px) {
  .footer .container .row .col-md-5:nth-child(2) {
    margin-top: 0px;
  }
}
.footer .container .row .footer-right {
  display: flex;
  flex-direction: column;
  margin-top: 56px;
  margin-bottom: 21px;
}
.footer .container .row .footer-right .footer-box {
  flex-direction: column;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.footer .container .row .footer-right .footer-box .footer-main .circular-List {
  display: flex;
  justify-content: space-around;
}
.footer .container .row .footer-right .footer-box .footer-main .circular-List .circular img {
  width: 70px;
  height: 70px;
}
.footer .container .row .footer-right .footer-box .footer-main .circular-List .circular h6 {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #666666;
}
@media (max-width: 768px) {
  .footer .container .row .footer-right .footer-box .footer-main .circular-List .circular h6 {
    font-size: 7px;
  }
}
.footer .container .row .footer-right .footer-box .footer-main .circular-List #footer-main_img {
  width: 100px;
  height: 100px;
  border-radius: 0%;
  position: absolute;
  top: -110px;
  left: 250px;
  display: none;
}
.footer .container .row .footer-right .footer-box .footer-main h4 {
  text-align: left;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #666666;
}
.footer .container .row .footer-right .footer-box .footer-main h5 {
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0px;
  color: #e50012;
}
@media (max-width: 1215px) {
  .footer .container .row .footer-right .footer-box .footer-main h4 {
    font-size: 8px;
  }
  .footer .container .row .footer-right .footer-box .footer-main h5 {
    font-size: 10px;
  }
}
@media (max-width: 768px) {
  .footer .container .row .footer-right {
    display: none;
  }
}
.footer .heng {
  width: 100%;
  height: 1px;
  background-color: #e9e9e9;
}
.footer .footer-bot {
  width: 100%;
  text-align: center;
}
.footer .footer-bot p {
  margin-top: 12px;
  font-size: 16px;
  letter-spacing: 0px;
  color: #666666;
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  .footer .footer-bot p {
    font-size: 8px;
  }
}
@media (max-width: 768px) {
  .footer {
    margin-top: 46px;
  }
}

#bg {
  width: 100%;
  overflow: hidden;
}
#bg .box {
  width: 100%;
}
#bg .box img {
  width: 100%;
}

.main {
  margin-top: 81px;
}
@media (max-width: 768px) {
  .main {
    margin-top: 40px;
  }
}
.main .main-title .product-title,
.main .main-title .Aboutus-title,
.main .main-title .join-title {
  border-bottom: 1px solid #cecece;
}
.main .main-title .product-title h4,
.main .main-title .Aboutus-title h4,
.main .main-title .join-title h4 {
  font-family: MicrosoftYaHei;
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 23px;
  letter-spacing: 0px;
  color: #666666;
}
.main .main-title .product-title h6,
.main .main-title .Aboutus-title h6,
.main .main-title .join-title h6 {
  font-family: MicrosoftYaHeiLight;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 23px;
  letter-spacing: 0px;
  color: #666666;
}
.main .main-title .product-title .row,
.main .main-title .Aboutus-title .row,
.main .main-title .join-title .row {
  justify-content: space-between;
  margin: 10px 0px;
}
.main .main-title .product-title .row h6,
.main .main-title .Aboutus-title .row h6,
.main .main-title .join-title .row h6 {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 23px;
  letter-spacing: 0px;
  color: #666666;
}
.main .main-title .product-title .row a,
.main .main-title .Aboutus-title .row a,
.main .main-title .join-title .row a {
  text-decoration: none;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 29px;
  letter-spacing: 1px;
  color: #e50012;
}
@media (max-width: 768px) {
  .main .main-title .product-title h4,
  .main .main-title .Aboutus-title h4,
  .main .main-title .join-title h4 {
    font-size: 11px;
  }
  .main .main-title .product-title h6,
  .main .main-title .Aboutus-title h6,
  .main .main-title .join-title h6 {
    font-size: 7px;
  }
  .main .main-title .product-title .row h6,
  .main .main-title .Aboutus-title .row h6,
  .main .main-title .join-title .row h6 {
    font-size: 7px;
  }
  .main .main-title .product-title .row a,
  .main .main-title .Aboutus-title .row a,
  .main .main-title .join-title .row a {
    font-size: 6px;
  }
}
.main .main-nav {
  margin-top: 21px;
}
.main .main-nav .row .product-nav,
.main .main-nav .row .Aboutus-nav {
  padding-right: 50px;
}
.main .main-nav .row .product-nav ul,
.main .main-nav .row .Aboutus-nav ul {
  list-style: none;
}
.main .main-nav .row .product-nav ul li,
.main .main-nav .row .Aboutus-nav ul li {
  border-bottom: 1px solid #cecece;
}
.main .main-nav .row .product-nav ul li a,
.main .main-nav .row .Aboutus-nav ul li a {
  padding-left: 14px;
  text-decoration: none;
  height: 40px;
  line-height: 35px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #666666;
}
@media (max-width: 768px) {
  .main .main-nav .row .product-nav ul li a,
  .main .main-nav .row .Aboutus-nav ul li a {
    font-size: 8px;
  }
}
.main .main-nav .row .product-nav ul li .shu,
.main .main-nav .row .Aboutus-nav ul li .shu {
  border-left: 2px solid #e50012;
}
@media (max-width: 1030px) {
  .main .main-nav .row .product-nav,
  .main .main-nav .row .Aboutus-nav {
    padding-right: 15px;
  }
}
.main .main-nav .row .product-main {
  padding-right: 0px;
  padding-left: 30px;
}
.main .main-nav .row .product-main .product-row {
  margin-right: 0px;
}
.main .main-nav .row .product-main .product-row .product {
  padding-bottom: 70px;
  position: relative;
}
.main .main-nav .row .product-main .product-row .product .box {
  background-color: #cecece;
  overflow: hidden;
}
.main .main-nav .row .product-main .product-row .product .box img {
  width: 100%;
  transform: scale(1);
  -webkit-transform: scale(1);
  transition: all 1.5s ease 0s;
  -webkit-transform: all 1.5s ease 0s;
}
.main .main-nav .row .product-main .product-row .product .product-text {
  width: 100%;
  height: 70px;
  position: absolute;
  bottom: 0;
  transition: bottom 1.5s ease 0s;
  z-index: 100;
  background-color: #ffffff;
}
.main .main-nav .row .product-main .product-row .product .product-text a {
  text-decoration: none;
}
.main .main-nav .row .product-main .product-row .product .product-text h6 {
  margin-top: 9%;
  margin-left: 12px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
}
@media (max-width: 768px) {
  .main .main-nav .row .product-main .product-row .product .product-text h6 {
    font-size: 8px;
  }
}
.main .main-nav .row .product-main .product-row .product .product-text img {
  margin-top: -7%;
  position: absolute;
  right: 14px;
}
.main .main-nav .row .product-main .product-row .product:hover {
  background-color: #ffffff;
  box-shadow: 0px 2px 12px 0px rgba(186, 185, 185, 0.35);
  transition: all 1.5s ease 0s;
}
.main .main-nav .row .product-main .product-row .product:hover .box img {
  transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transition: all 1.5s ease 0s;
  -webkit-transform: all 1.5s ease 0s;
}
.main .main-nav .row .product-main .product-row .product:hover .Engineering-box img,
.main .main-nav .row .product-main .product-row .product:hover .Aboutus-box img {
  transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transition: all 1.5s ease 0s;
  -webkit-transform: all 1.5s ease 0s;
}
.main .main-nav .row .product-main .product-row .product:hover .product-text {
  bottom: 5px;
  transition: bottom 1.5s ease 0s;
  -webkit-transform: all 1.5s ease 0s;
}
@media (max-width: 768px) {
  .main .main-nav .row .product-main {
    padding-right: 15px;
    padding-left: 15px;
  }
  .main .main-nav .row .product-main .row {
    margin-right: 5%;
    margin-left: 5%;
  }
  .main .main-nav .row .product-main .row .product {
    width: 100%;
    margin-left: 0px;
  }
  .main .main-nav .row .product-main .row .product .box {
    width: 100%;
  }
}
.main .main-nav .row .product-main .main-footer {
  margin-top: 20%;
}
.main .main-nav .row .product-main .main-footer .container ul {
  justify-content: center;
  list-style: none;
}
.main .main-nav .row .product-main .main-footer .container ul li {
  text-align: center;
}
.main .main-nav .row .product-main .main-footer .container ul li a {
  margin: 0px 10px;
  padding: 19%;
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 0px;
  color: #333333;
}
.main .main-nav .row .product-main .main-footer .container ul li .active {
  background-color: #e50012;
  border-radius: 3px;
}
.main .main-nav .row .product-main .main-footer .container ul .foot-left,
.main .main-nav .row .product-main .main-footer .container ul .foot-right {
  height: 35px;
  background-color: #ffffff;
  box-shadow: 0px 1px 8px 0px rgba(219, 219, 219, 0.46);
  border-radius: 4px;
}
.main .main-nav .row .product-main .main-footer .container ul .foot-left a,
.main .main-nav .row .product-main .main-footer .container ul .foot-right a {
  padding: 0px;
}
@media (max-width: 768px) {
  .main .main-nav .row .product-main .main-footer .container .row {
    margin-right: 0px;
    margin-left: 0px;
  }
}
.main .main-nav .row .product-main .Aboutus-main-title h3 {
  margin-top: 10px;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 29px;
  letter-spacing: 2px;
  color: #333333;
  margin-bottom: 25px;
}
.main .main-nav .row .product-main .Aboutus-main-title p {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 22px;
  letter-spacing: 1px;
  color: #666666;
}
.main .main-nav .row .product-main .Aboutus-main-title .Aboutus-main-bg {
  margin-top: 32px;
  margin-bottom: 42px;
}
.main .main-nav .row .product-main .Aboutus-main-title .Aboutus-main-bg img {
  width: 100%;
  height: 100%;
}
.main .main-nav .row .product-main .Aboutus-main-title .Aboutus-main-map {
  margin-top: 30px;
  margin-bottom: 35px;
  height: 367px;
  background-color: #f9f9f9;
  overflow: hidden;
}
.main .main-nav .row .product-main .Aboutus-main-title .Aboutus-main-map #allmap {
  width: 100%;
  height: 100%;
}
.main .main-nav .row .product-main .Aboutus-main-title .Aboutus-main-box .col-md-4 .main-box {
  text-align: center;
  height: 150px;
  background-color: #fbfbfb;
  box-shadow: 0px 2px 12px 0px rgba(186, 185, 185, 0.35);
}
.main .main-nav .row .product-main .Aboutus-main-title .Aboutus-main-box .col-md-4 .main-box .icon-box {
  padding-top: 20px;
}
.main .main-nav .row .product-main .Aboutus-main-title .Aboutus-main-box .col-md-4 .main-box h5 {
  padding-top: 10px;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 18px;
  letter-spacing: 0px;
  color: #333333;
}
.main .main-nav .row .product-main .Aboutus-main-title .Aboutus-main-box .col-md-4 .main-box p {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #999999;
}
.main .main-nav .row .product-main .Aboutus-main-title .Aboutus-main-meg {
  margin-top: 38px;
}
.main .main-nav .row .product-main .Aboutus-main-title .Aboutus-main-meg h3 {
  color: #666666;
}
.main .main-nav .row .product-main .Aboutus-main-title .Aboutus-main-meg form ul {
  list-style: none;
}
.main .main-nav .row .product-main .Aboutus-main-title .Aboutus-main-meg form ul li {
  margin-top: 19px;
  background-color: #ffffff;
  border: solid 1px #cccccc;
}
.main .main-nav .row .product-main .Aboutus-main-title .Aboutus-main-meg form ul li input {
  width: 100%;
  padding-left: 20px;
  border: none;
  outline: none;
  background-color: transparent;
  height: 50px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #989898;
}
.main .main-nav .row .product-main .Aboutus-main-title .Aboutus-main-meg form ul li input::-webkit-input-placeholder {
  /* WebKit browsers */
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #989898;
}
.main .main-nav .row .product-main .Aboutus-main-title .Aboutus-main-meg form ul li .tex-box {
  margin-bottom: 20px;
  height: 152px;
  width: 100%;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 57px;
  letter-spacing: 0px;
  color: #989898;
}
.main .main-nav .row .product-main .Aboutus-main-title .Aboutus-main-meg form ul li .tex-box textarea {
  padding-left: 20px;
  height: 100%;
  width: 100%;
  resize: none;
  border: none;
  background-color: transparent;
  outline: none;
}
.main .main-nav .row .product-main .Aboutus-main-title .Aboutus-main-meg form ul .active {
  border: solid 1px #e50012;
}
.main .main-nav .row .product-main .Aboutus-main-title .Aboutus-main-meg form ul .active input::-webkit-input-placeholder {
  color: #333333;
}
.main .main-nav .row .product-main .Aboutus-main-title .Aboutus-main-meg form ul .active textarea::-webkit-input-placeholder {
  color: #333333;
}
.main .main-nav .row .product-main .Aboutus-main-title .Aboutus-main-meg form ul .aboutus-btn {
  padding-left: 0px;
  text-align: center;
  background-color: #e50012;
  box-shadow: 0px 1px 8px 0px rgba(64, 158, 197, 0.35);
}
.main .main-nav .row .product-main .Aboutus-main-title .Aboutus-main-meg form ul .aboutus-btn input {
  color: #ffffff;
}
.main .main-nav .row .product-main .Aboutus-main-title .Aboutus-development .Aboutus-development-item {
  height: 50%;
  border-left: 2px solid #fddadd;
  position: relative;
}
.main .main-nav .row .product-main .Aboutus-main-title .Aboutus-development .Aboutus-development-item img {
  position: absolute;
  left: -7px;
  top: -9px;
}
.main .main-nav .row .product-main .Aboutus-main-title .Aboutus-development .Aboutus-development-item .Aboutus-development-text {
  padding-left: 30px;
}
.main .main-nav .row .product-main .Aboutus-main-title .Aboutus-development .Aboutus-development-item .Aboutus-development-text h6 {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #333333;
}
.main .main-nav .row .product-main .Aboutus-main-title .Aboutus-development .Aboutus-development-item .Aboutus-development-text p {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #999898;
}
@media (max-width: 768px) {
  .main .main-nav .row .product-main .Aboutus-main-title h3 {
    font-size: 12px;
    margin-bottom: 15px;
  }
  .main .main-nav .row .product-main .Aboutus-main-title p {
    line-height: 18px;
    font-size: 7px;
    margin-bottom: 0;
  }
  .main .main-nav .row .product-main .Aboutus-main-title .Aboutus-main-box .col-md-4 .main-box h5 {
    font-size: 9px;
  }
  .main .main-nav .row .product-main .Aboutus-main-title .Aboutus-main-box .col-md-4 .main-box p {
    font-size: 8px;
  }
  .main .main-nav .row .product-main .Aboutus-main-title .Aboutus-main-meg form ul li input,
  .main .main-nav .row .product-main .Aboutus-main-title .Aboutus-main-meg form ul li input::-webkit-input-placeholder,
  .main .main-nav .row .product-main .Aboutus-main-title .Aboutus-main-meg form ul li .tex-boxs {
    font-size: 7px;
  }
  .main .main-nav .row .product-main .Aboutus-main-title .Aboutus-development .Aboutus-development-item .Aboutus-development-text h6 {
    font-size: 8px;
  }
  .main .main-nav .row .product-main .Aboutus-main-title .Aboutus-development .Aboutus-development-item .Aboutus-development-text p {
    font-size: 7px;
  }
}

#bg1 {
  width: 100%;
  overflow: hidden;
}
#bg1 .box {
  width: 100%;
}
#bg1 .box img {
  width: 100%;
}

.technology-contain {
  margin-top: 81px;
}
@media (max-width: 768px) {
  .technology-contain {
    margin-top: 40px;
  }
}
.technology-contain .technology-contain-title {
  height: 73px;
  border-bottom: 1px solid #e0e0e0;
}
.technology-contain .technology-contain-title h4 {
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 23px;
  letter-spacing: 0px;
  color: #666666;
}
.technology-contain .technology-contain-title .row {
  justify-content: space-between;
  margin: 0px 0px;
}
.technology-contain .technology-contain-title .row h6 {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 13px;
  letter-spacing: 0px;
  color: #666666;
}
.technology-contain .technology-contain-title .row a {
  text-decoration: none;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 13px;
  letter-spacing: 1px;
  color: #e50012;
}
@media (max-width: 768px) {
  .technology-contain .technology-contain-title h4 {
    font-size: 11px;
  }
  .technology-contain .technology-contain-title .row h6 {
    font-size: 7px;
  }
  .technology-contain .technology-contain-title .row a {
    font-size: 6px;
  }
}
.technology-contain .technology-lunbo {
  margin-top: 63px;
  position: relative;
}
.technology-contain .technology-lunbo .view {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
}
.technology-contain .technology-lunbo .view .swiper-container1 {
  height: 100%;
  width: 100%;
}
.technology-contain .technology-lunbo .view .swiper-container1 .swiper-wrapper .swiper-slide .box {
  height: 100%;
  overflow: hidden;
}
.technology-contain .technology-lunbo .view .swiper-container1 .swiper-wrapper .swiper-slide .box img {
  height: 100%;
  width: 100%;
  height: auto;
}
.technology-contain .technology-lunbo .preview {
  position: absolute;
  left: 48%;
  bottom: 40px;
  width: 40px;
  height: 40px;
  overflow: hidden;
}
.technology-contain .technology-lunbo .preview .swiper-container2 {
  width: 40px;
  height: 40px;
}
.technology-contain .technology-lunbo .preview .swiper-container2 .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
}
.technology-contain .technology-lunbo .preview .swiper-container2 .swiper-wrapper .swiper-slide .pre-box {
  width: 100%;
  height: 100%;
}
.technology-contain .technology-lunbo .preview .swiper-container2 .swiper-wrapper .swiper-slide .pre-box img {
  height: 100%;
  width: 100%;
}
@media (max-width: 768px) {
  .technology-contain .technology-lunbo .preview {
    display: none;
  }
}
.technology-contain .technology-text {
  margin-top: 50px;
}
.technology-contain .technology-text .technology-contain-text h5 {
  line-height: 22px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
  margin-bottom: 0px;
}
.technology-contain .technology-text .technology-contain-text p {
  line-height: 22px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #676767;
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  .technology-contain .technology-text .technology-contain-text h5 {
    font-size: 8px;
  }
  .technology-contain .technology-text .technology-contain-text p {
    font-size: 7px;
  }
}

.news {
  margin-top: 81px;
}
@media (max-width: 768px) {
  .news {
    margin-top: 40px;
  }
}
.news .main-title .news-title {
  border-bottom: 1px solid #cecece;
}
.news .main-title .news-title h4 {
  font-family: MicrosoftYaHei;
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 23px;
  letter-spacing: 0px;
  color: #666666;
}
.news .main-title .news-title h6 {
  font-family: MicrosoftYaHeiLight;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 23px;
  letter-spacing: 0px;
  color: #666666;
}
@media (max-width: 768px) {
  .news .main-title .news-title h4 {
    font-size: 11px;
  }
  .news .main-title .news-title h6 {
    font-size: 7px;
  }
}
.news .main-nav {
  margin-top: 21px;
}
.news .main-nav .row .news-nav {
  padding-right: 50px;
}
.news .main-nav .row .news-nav ul {
  list-style: none;
}
.news .main-nav .row .news-nav ul li {
  border-bottom: 1px solid #cecece;
}
.news .main-nav .row .news-nav ul li a {
  padding-left: 14px;
  text-decoration: none;
  height: 40px;
  line-height: 35px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #666666;
}
@media (max-width: 768px) {
  .news .main-nav .row .news-nav ul li a {
    font-size: 8px;
  }
}
.news .main-nav .row .news-nav ul li .shu {
  border-left: 2px solid #e50012;
}
@media (max-width: 1030px) {
  .news .main-nav .row .news-nav {
    padding-right: 15px;
  }
}
.news .main-nav .news-main .news-row {
  background-color: #f9f9f9;
}
.news .main-nav .news-main .news-row a {
  text-decoration: none;
}
.news .main-nav .news-main .news-row .product {
  margin-bottom: 40px;
  width: 100%;
}
@media (max-width: 478px) {
  .news .main-nav .news-main .news-row .product {
    margin-bottom: 20px;
  }
  .news .main-nav .news-main .news-row .product a {
    padding-left: 12%;
  }
}
.news .main-nav .news-main .news-row .product .box {
  margin-left: 15px;
  background-color: #cecece;
  overflow: hidden;
}
.news .main-nav .news-main .news-row .product .box img {
  width: 100%;
  transform: scale(1);
  -webkit-transform: scale(1);
  transition: all 1.5s ease 0s;
  -webkit-transform: all 1.5s ease 0s;
}
.news .main-nav .news-main .news-row .product:hover .box img {
  transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transition: all 1.5s ease 0s;
  -webkit-transform: all 1.5s ease 0s;
}
.news .main-nav .news-main .news-row .product .news-text {
  padding-left: 15px;
}
.news .main-nav .news-main .news-row .product .news-text h3 {
  padding-top: 27px;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
  line-height: 20px;
}
.news .main-nav .news-main .news-row .product .news-text h6 {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #989898;
}
.news .main-nav .news-main .news-row .product .news-text p {
  width: 532px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #999999;
}
.news .main-nav .news-main .news-row .product .news-text h4 {
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #e50012;
}
.news .main-nav .news-main .news-row .product .news-text a {
  text-decoration: none;
}
@media (max-width: 768px) {
  .news .main-nav .news-main .news-row .product .news-text h3 {
    font-size: 8px;
  }
  .news .main-nav .news-main .news-row .product .news-text h6 {
    font-size: 6px;
  }
  .news .main-nav .news-main .news-row .product .news-text p {
    font-size: 7px;
    width: auto;
  }
  .news .main-nav .news-main .news-row .product .news-text h4 {
    font-size: 8px;
  }
}
.news .main-nav .main-footer {
  margin-top: 20%;
}
.news .main-nav .main-footer .container ul {
  justify-content: center;
  list-style: none;
}
.news .main-nav .main-footer .container ul li a {
  margin: 0 10px;
  padding: 10%;
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 17px;
  letter-spacing: 0px;
  color: #333333;
}
@media (max-width: 768px) {
  .news .main-nav .main-footer .container ul li a {
    font-size: 7px;
  }
}
.news .main-nav .main-footer .container ul li .active {
  background-color: #e50012;
  border-radius: 3px;
}
.news .main-nav .main-footer .container ul .foot-left,
.news .main-nav .main-footer .container ul .foot-right {
  width: 50px;
  height: 35px;
  background-color: #ffffff;
  box-shadow: 0px 1px 8px 0px rgba(219, 219, 219, 0.46);
  border-radius: 4px;
}

.news-contain {
  margin-top: 81px;
}
@media (max-width: 768px) {
  .news-contain {
    margin-top: 40px;
  }
}
.news-contain .news-contain-title {
  border-bottom: 1px solid #e0e0e0;
}
.news-contain .news-contain-title h4 {
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 23px;
  letter-spacing: 0px;
  color: #666666;
}
.news-contain .news-contain-title .row {
  justify-content: space-between;
  margin: 10px 0px;
}
.news-contain .news-contain-title .row h6 {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 23px;
  letter-spacing: 0px;
  color: #666666;
}
.news-contain .news-contain-title .row a {
  text-decoration: none;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 29px;
  letter-spacing: 1px;
  color: #e50012;
}
@media (max-width: 768px) {
  .news-contain .news-contain-title h4 {
    font-size: 11px;
  }
  .news-contain .news-contain-title .row h6 {
    font-size: 7px;
  }
  .news-contain .news-contain-title .row a {
    font-size: 6px;
  }
}
.news-contain .news-contain-main {
  margin-top: 20px;
}
.news-contain .news-contain-main h5 {
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
  line-height: 30px;
}
.news-contain .news-contain-main h6 {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 29px;
  letter-spacing: 1px;
  color: #666666;
}
.news-contain .news-contain-main .news-contain-text1 p {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 22px;
  letter-spacing: 1px;
  color: #666666;
}
.news-contain .news-contain-main .news-bg {
  overflow: hidden;
  margin-top: 52px;
  margin-bottom: 44px;
}
.news-contain .news-contain-main .news-bg img {
  width: 100%;
}
.news-contain .news-contain-main .news-footer {
  margin-top: 30px;
  justify-content: space-between;
  margin: 0px 0px;
}
.news-contain .news-contain-main .news-footer a {
  text-decoration: none;
}
.news-contain .news-contain-main .news-footer a .news-footer-btn {
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 29px;
  letter-spacing: 1px;
  color: #999999;
}
.news-contain .news-contain-main .news-footer a .news-footer-btn:hover {
  color: #e50012;
}
@media (max-width: 768px) {
  .news-contain .news-contain-main .news-footer a .news-footer-btn {
    font-size: 7px;
  }
}
@media (max-width: 768px) {
  .news-contain .news-contain-main h5 {
    font-size: 9px;
  }
  .news-contain .news-contain-main h6 {
    line-height: 9px;
    font-size: 6px;
  }
  .news-contain .news-contain-main .news-contain-text1 p {
    margin-bottom: 0;
    line-height: 18px;
    font-size: 7px;
  }
}

.main .join-main {
  margin-top: 19px;
}
.main .join-main .row {
  margin-bottom: 30px;
}
.main .join-main .row .col-md-6 {
  height: 100%;
  width: 100%;
}
.main .join-main .row .col-md-6 .box {
  width: 100%;
  background-color: #d1c3c3;
  overflow: hidden;
}
.main .join-main .row .col-md-6 .box img {
  height: 100%;
  width: 100%;
}
.main .join-main .row .col-md-6 .join-text {
  width: 400px;
  margin: 60px auto;
}
.main .join-main .row .col-md-6 .join-text h1 {
  font-size: 100px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 29px;
  letter-spacing: 8px;
  color: #cccccc;
}
.main .join-main .row .col-md-6 .join-text span {
  padding-left: 4px;
  margin-top: 25px;
  margin-bottom: 28px;
  display: inline-block;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 29px;
  letter-spacing: 2px;
  color: #333232;
}
.main .join-main .row .col-md-6 .join-text .text-style-1 {
  font-family: MicrosoftYaHei;
  font-size: 24px;
  font-weight: normal;
  letter-spacing: 2px;
  color: #999999;
}
.main .join-main .row .col-md-6 .join-text p {
  padding-left: 4px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 1px;
  color: #999999;
}
.main .join-main .row .col-md-6 .right {
  margin-right: 0px;
}
.main .join-main .row .col-md-6 .left {
  margin-left: 0px;
}
.main .join-main .row2 {
  display: none;
}
@media (max-width: 768px) {
  .main .join-main .row {
    margin-bottom: 0px;
  }
  .main .join-main .row .col-md-6 .join-text {
    margin: 30px auto;
    width: auto;
  }
  .main .join-main .row .col-md-6 .join-text h1 {
    font-size: 50px;
  }
  .main .join-main .row .col-md-6 .join-text span {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 12px;
  }
  .main .join-main .row .col-md-6 .join-text .text-style-1 {
    font-size: 12px;
  }
  .main .join-main .row .col-md-6 .join-text p {
    width: 100%;
    font-size: 7px;
  }
  .main .join-main .row1 {
    display: none;
  }
  .main .join-main .row2 {
    display: block;
  }
}
.main .join-map {
  margin-top: 82px;
}
.main .join-map h5 {
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
}
.main .join-map .map img {
  height: 100%;
  width: 100%;
}
.main .join-map .map-text {
  z-index: 10;
  width: 333px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 1px;
  color: #666666;
}
@media (max-width: 768px) {
  .main .join-map {
    margin-top: 10px;
  }
  .main .join-map h5 {
    font-size: 7px;
  }
  .main .join-map .map-text {
    font-size: 7px;
  }
}
.main .join-message {
  margin-top: 63px;
  padding-right: 0px;
  padding-left: 0px;
}
.main .join-message .message-text {
  padding-top: 61px;
  background-color: #ffffff;
  opacity: 0.87;
}
@media (max-width: 571px) {
  .main .join-message .message-text {
    left: 0;
  }
}
.main .join-message .message-text form .row li {
  list-style: none;
  border-bottom: 10px;
}
.main .join-message .message-text form .row li .tab-box {
  border: solid 1px #cccccc;
}
.main .join-message .message-text form .row li .tab-box input {
  width: 100%;
  margin-left: 20px;
  border: none;
  outline: none;
  background-color: transparent;
  height: 50px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #666666;
}
.main .join-message .message-text form .row li .tab-box input::-webkit-input-placeholder {
  /* WebKit browsers */
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #666666;
}
@media (max-width: 768px) {
  .main .join-message .message-text form .row li .tab-box {
    width: 100%;
  }
  .main .join-message .message-text form .row li .tab-box input {
    font-size: 7px;
  }
}
.main .join-message .message-text form .row li .tab-box .mes-btn {
  height: 50px;
  background-color: #e50012;
}
.main .join-message .message-text form .row li .tab-box .mes-btn span {
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 45px;
  letter-spacing: 0px;
  color: #ffffff;
  display: block;
  text-align: center;
}
@media (max-width: 768px) {
  .main .join-message .message-text form .row li .tab-box .mes-btn span {
    font-size: 6px;
  }
}
.main .join-message .message-text form .row li .meg-active {
  border: solid 1px #e50012;
}
.main .join-message .message-text form .row li .meg-active input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #333333;
}
.main .join-message .message-text form .row li .code {
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.main .join-message .message-text form .row li .code .box {
  text-align: center;
  width: 47%;
  border: solid 1px #cccccc;
}
.main .join-message .message-text form .row li .code .box input {
  text-align: center;
  border: none;
  outline: none;
  background-color: transparent;
  height: 50px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 24px;
  letter-spacing: 0px;
  color: #666666;
}
@media (max-width: 768px) {
  .main .join-message .message-text form .row li .code .box input {
    font-size: 7px;
  }
}
.main .join-message .message-text form .row li .code .box .img-box img {
  padding-top: 16px;
}
.main .join-message .message-text form .row li .code .box:nth-child(2) {
  background-color: #bfbfbf;
}
@media (max-width: 768px) {
  .main .join-message .message-text form .row li .code {
    width: 100%;
  }
}
.main .join-message .message-text form .row .tex-text .tex-box {
  margin-bottom: 20px;
  height: 152px;
  width: 100%;
  border: solid 1px #cccccc;
}
.main .join-message .message-text form .row .tex-text .tex-box textarea {
  width: 100%;
  height: 100%;
  margin-left: 20px;
  border: solid 1px #cccccc;
  resize: none;
  border: none;
  background-color: transparent;
  outline: none;
}
.main .join-message .message-text form .row .tex-text .meg-active {
  border: solid 1px #e50012;
}
.main .join-message .message-text form .row .tex-text .meg-active textarea::-webkit-input-placeholder {
  color: #333333;
}
@media (max-width: 768px) {
  .main .join-message .message-text form .row .tex-text {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .main .join-message .message-text form ul {
    margin-bottom: 0;
  }
  .main .join-message .message-text form ul li {
    margin-bottom: 10px;
  }
}

/*# sourceMappingURL=style.css.map */