@charset "utf-8";
.banner {
  position: relative;
}
.banner .txt {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  text-align: center;
}
.banner .txt * {
  line-height: 1.2;
}
.banner .scroll {
  position: absolute;
  left: 50%;
  bottom: 6%;
  transform: translateX(-50%);
  text-align: center;
  z-index: 2;
}
.banner .scroll * {
  color: #E73C58;
  line-height: 1;
}
.banner .scroll .mouse {
  animation: mouse 1s ease alternate infinite;
}
.banner .scroll i {
  display: block;
}
.banner .scroll .i1 {
  font-size: 1.227rem;
}
.banner .scroll .i2 {
  font-size: 0.545rem;
  margin-top: 0.409rem;
  animation: mouse2 1.5s ease infinite;
}
.banner .scroll p {
  margin-top: 0.409rem;
}
.main1 {
  padding-top: 5.773rem;
}
.main1 .p1 {
  text-transform: uppercase;
}
.main1 .p2 {
  line-height: 1.3;
  margin-top: 1.364rem;
}
.main1 .main-wrap {
  display: flex;
  margin-top: 3.455rem;
  margin-bottom: 6.318rem;
}
.main1 .img {
  width: 13.5%;
}
.main1 .com-intro {
  width: 44.5%;
  margin-left: 42%;
}
.main1 .bot {
  position: relative;
  height: 6.091rem;
  background: url(../images/1.png) repeat left top;
  overflow: hidden;
}
.main1 .bot .rollbox {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
}
.main1 .bot span {
  display: inline-block;
  flex-shrink: 0;
  margin-right: 2.682rem;
  animation: rolling 10s linear infinite;
}
.main1 .bot span i {
  display: inline-block;
  margin-left: 2.682rem;
}
.main2 {
  padding: 4.273rem 0;
  background-color: #EFEFEF;
}
.inPro-item {
  position: -webkit-sticky;
  position: sticky;
  top: 6rem;
  background-color: #fff;
  border-radius: 0.545rem;
  padding: 1.545rem 3.8% 3.455rem;
}
.inPro-item .proT {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.591rem;
  border-bottom: 0.045rem solid #000000;
}
.inPro-item .proBL {
  width: 41.1%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.inPro-item .name {
  line-height: 1.4;
}
.inPro-item .num {
  font-weight: 200;
  flex-shrink: 0;
}
.inPro-item .proB {
  display: flex;
  margin-top: 3.727rem;
}
.inPro-item .des {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.inPro-item .img {
  width: 40.6%;
  margin-left: 18.3%;
  overflow: hidden;
  isolation: isolate;
}
.inPro-item .img img {
  border-radius: 0.545rem;
}
.main3 {
  padding: 5.864rem 0;
}
.main3 .c1 {
  display: flex;
}
.main3L {
  width: 43.5%;
}
.main3L i {
  font-size: 3.136rem;
  color: #231815;
}
.main3R {
  width: 56.5%;
}
.main3R h3 {
  line-height: 1.3;
}
.main3R .form {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.773rem;
}
.main3R .form-item {
  width: 48.8%;
  height: 3rem;
  border-radius: 0.5rem;
  border: 0.045rem solid #000000;
  box-sizing: border-box;
  margin-right: 2.4%;
  margin-bottom: 1.273rem;
}
.main3R .form-item:nth-of-type(2n) {
  margin-right: 0;
}
.main3R input {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 1.091rem;
}
.main3R input::placeholder {
  color: #000000;
}
.main3R input::-webkit-input-placeholder {
  color: #000000;
}
.main3R input:-ms-input-placeholder {
  color: #000000;
}
.main3R .drop-item {
  position: relative;
  z-index: 2;
}
.main3R .drop-item .placeholder {
  width: 100%;
  height: 3rem;
  line-height: 3rem;
  padding: 0 1.545rem 0 1.091rem;
  cursor: pointer;
}
.main3R .drop-item .placeholder::after {
  content: '';
  position: absolute;
  right: 5.7%;
  top: 50%;
  transform: translateY(-25%);
  width: 0;
  height: 0;
  border-width: 0.364rem 0.227rem;
  border-style: solid;
  border-color: #000000 transparent transparent transparent;
}
.main3R .drop-item .placeholder.on::after {
  margin-top: -0.182rem;
  transform: translateY(-50%) rotate(180deg);
}
.main3R .drop-item .select-ul {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  width: 100%;
  max-height: 13.636rem;
  background-color: #F9F9F9;
  overflow-y: auto;
  display: none;
  z-index: 2;
}
.main3R .drop-item .select-ul::-webkit-scrollbar {
  width: 0.091rem;
  background-color: transparent;
}
.main3R .drop-item .select-ul::-webkit-scrollbar-track {
  background-color: transparent;
}
.main3R .drop-item .select-ul::-webkit-scrollbar-thumb {
  border-radius: 0.091rem;
  background-color: #000000;
}
.main3R .drop-item .select-ul li {
  font-size: 0.727rem;
  padding: 0.455rem 1.091rem;
  cursor: pointer;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.main3R .drop-item .select-ul li:hover {
  color: #fff;
  background-color: #E73C58;
}
.main3R textarea {
  width: 100%;
  height: 8.455rem;
  padding: 0.773rem 1.091rem;
  resize: none;
  border-radius: 0.5rem;
  box-sizing: border-box;
  border: 0.045rem solid #000000;
  background-color: transparent;
}
.main3R textarea::placeholder {
  color: #000000;
}
.main3R textarea::-webkit-input-placeholder {
  color: #000000;
}
.main3R textarea:-ms-input-placeholder {
  color: #000000;
}
.main3R .submit {
  width: 9.455rem;
  height: 3rem;
  margin-top: 2rem;
}
.main4 {
  padding: 3.409rem 0 6.091rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.main4 .tit .p1 {
  margin-top: 0.5rem;
}
.con-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 3.5rem;
}
.con-wrap .icon {
  position: relative;
  width: 4.909rem;
  height: 4.909rem;
  border-radius: 50%;
  background-color: #000000;
  margin: 0 auto;
}
.con-wrap .icon i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 1.409rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.con-wrap p {
  text-align: center;
  margin-top: 1.545rem;
}
.con-wrap .con-item:hover .icon i {
  transform: translate(-50%, -50%) rotateY(360deg);
}
.products {
  margin-top: 4.409rem;
  margin-bottom: 6.818rem;
}
.pro-item {
  width: 31.2%;
  margin-right: 3.2%;
  margin-bottom: 3.636rem;
}
.pro-item:nth-of-type(3n) {
  margin-right: 0;
}
.pro-item .img {
  border-radius: 0.545rem 0.545rem 0 0;
  overflow: hidden;
  isolation: isolate;
}
.pro-item .img img {
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.pro-item .txt {
  padding: 0.773rem 5.7%;
  border-radius: 0 0 0.545rem 0.545rem;
  background-color: #fff;
  border: 0.045rem solid #D1D1D1;
}
.pro-item .name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pro-item .des {
  height: 4.182rem;
  line-height: 1.7;
  margin-top: 0.273rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.pro-item .more {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7.5rem;
  height: 2.364rem;
  border-radius: 1.5rem;
  margin-top: 2.455rem;
  isolation: isolate;
  overflow: hidden;
}
.pro-item .more::before,
.pro-item .more::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.pro-item .more::before {
  width: 100%;
  height: 100%;
  background-color: #000000;
}
.pro-item .more::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  padding-bottom: 0;
  background-color: #E73C58;
  border-radius: 50%;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
.pro-item .more * {
  color: #fff;
}
.pro-item .more .jt {
  position: relative;
  width: 1.045rem;
  height: 1.045rem;
  margin-right: 0.318rem;
  overflow: hidden;
}
.pro-item .more i {
  position: absolute;
  transform: translate(-50%, -50%);
  font-size: 0.545rem;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}
.pro-item .more .jt1 {
  left: 50%;
  top: 50%;
}
.pro-item .more .jt2 {
  left: -50%;
  top: 150%;
}
.pro-item:hover .img img {
  transform: scale(1.1);
}
.pro-item:hover .more::before {
  background-color: #E73C58;
  transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1) 0.3s;
  -webkit-transition: 0.3s cubic-bezier(0.65, 0, 0.35, 1) 0.3s;
}
.pro-item:hover .more::after {
  width: 100%;
  padding-bottom: 100%;
}
.pro-item:hover .more .jt1 {
  left: 150%;
  top: -100%;
}
.pro-item:hover .more .jt2 {
  left: 50%;
  top: 50%;
}
.fo-lx {
  padding: 2.5rem 0 2.545rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}
.fo-lx * {
  color: #fff;
}
.fo-lx .lx1 {
  line-height: 1.7;
}
.fo-lx .tel {
  margin-top: 0.455rem;
}
.fo-lx .lx {
  position: relative;
  width: auto;
  height: auto;
  display: inline-block;
  color: #fff;
  padding: 0.318rem 1.591rem;
  margin-top: 0.727rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.fo-lx .lx::after {
  background-color: #fff;
}
.fo-lx .lx .jt {
  margin-left: 1.591rem;
  transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}
.fo-lx .lx:hover {
  color: #E73C58;
}
.fo-lx .lx:hover::before {
  background-color: #fff;
}
.fo-lx .lx:hover .jt {
  color: #E73C58;
}
.proList {
  padding-top: 3rem;
  padding-bottom: 5.409rem;
}
.cp-item {
  margin-bottom: 4.909rem;
}
.cp-item:last-of-type {
  margin-bottom: 0;
}
.cp-item .com-intro {
  margin-top: 0.136rem;
}
.cp-item .com-intro * {
  line-height: 1.5;
}
.capacity * {
  line-height: 1.6;
}