.main .chanpin {
  padding-top: 5%;
  background: url(../images/bg1.png) no-repeat 100%;
  background-position-y: -170%;
  background-position-x: 150%;
}
.main .chanpin .big .bt {
  text-align: center;
}
.main .chanpin .big .bt p {
  color: #EEEEEE;
  font-size: 30px;
  text-transform: uppercase;
}
.main .chanpin .big .bt h3 {
  color: #333333;
  font-size: 24px;
  font-weight: 600;
  margin-top: 0.3%;
}
.main .chanpin .big ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 5%;
}
.main .chanpin .big ul li {
  position: relative;
  width: 30%;
  margin-top: 3%;
}
.main .chanpin .big ul li a {
  display: block;
}
.main .chanpin .big ul li a .tp {
  background: #FFFFFF;
  font-size: 0;
}
.main .chanpin .big ul li a .kuang {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #237462;
  z-index: -1;
  transition: all 0.6s;
}
.main .chanpin .big ul li:hover a .kuang {
  left: 8%;
  top: 8%;
  transition: all 0.6s;
}
.main .chanpin .big .abox {
  display: block;
  border: 1px solid #237462;
  width: 132px;
  line-height: 42px;
  text-align: center;
  border-radius: 30px;
  font-size: 16px;
  color: #237462;
  margin: 0 auto;
  transition: all 0.6s;
  margin-top: 3%;
}
.main .chanpin .big .abox:hover {
  color: #FFFFFF;
  background: #237462;
  transition: all 0.6s;
}
.main .chanpin .bigtp {
  font-size: 0;
  margin-top: 9%;
}
.main .guanyu {
  margin-top: 5%;
}
.main .guanyu .bt {
  text-align: center;
}
.main .guanyu .bt p {
  color: #EEEEEE;
  font-size: 30px;
  text-transform: uppercase;
}
.main .guanyu .bt h3 {
  color: #333333;
  font-size: 24px;
  font-weight: 600;
  margin-top: 0.3%;
}
.main .guanyu .big {
  display: flex;
  justify-content: space-between;
  margin-top: 5%;
}
.main .guanyu .big .lef {
  width: 44%;
  font-size: 0;
}
.main .guanyu .big .rig {
  width: 50%;
}
.main .guanyu .big .rig h3 {
  color: #FF333F;
  font-size: 22px;
  font-weight: 600;
  margin-top: 10%;
}
.main .guanyu .big .rig p {
  color: #333333;
  font-size: 18px;
  line-height: 32px;
  margin-top: 7%;
}
.main .guanyu .big .rig a {
  display: block;
  border: 1px solid #FF333F;
  width: 94px;
  line-height: 34px;
  color: #FF333F;
  font-size: 14px;
  text-align: center;
  transition: all 0.6s;
  margin-top: 10%;
}
.main .guanyu .big .rig a:hover {
  color: #FFFFFF;
  background: #FF333F;
  transition: all 0.6s;
}
.main .rongyu {
  margin-top: 7%;
  background: url(../images/bg3.png) no-repeat 100%;
  padding-bottom: 5%;
  background-position-x: 0;
  background-position-y: 105%;
}
.main .rongyu .big .bt {
  text-align: center;
}
.main .rongyu .big .bt p {
  color: #EEEEEE;
  font-size: 30px;
  text-transform: uppercase;
}
.main .rongyu .big .bt h3 {
  color: #333333;
  font-size: 24px;
  font-weight: 600;
  margin-top: 0.3%;
}
.main .rongyu .big ul {
  display: flex;
  justify-content: space-between;
  margin-top: 5%;
}
.main .rongyu .big ul li {
  width: 23%;
  font-size: 0;
  overflow: hidden;
}
.main .rongyu .big ul li img {
  transition: all 0.6s;
}
.main .rongyu .big ul li:hover img {
  transform: scale(1.1);
  transition: all 0.6s;
}
.main .rongyu .big .abox {
  display: block;
  border: 1px solid #FF333F;
  width: 94px;
  line-height: 34px;
  color: #FF333F;
  font-size: 14px;
  text-align: center;
  transition: all 0.6s;
  margin: 0 auto;
  margin-top: 5%;
}
.main .rongyu .big .abox:hover {
  color: #FFFFFF;
  background: #FF333F;
  transition: all 0.6s;
}
.main .news {
  background: #F4F4F4;
  padding: 3% 0 6% 0;
}
.main .news .big .bt {
  text-align: center;
}
.main .news .big .bt p {
  color: #CCCCCC;
  font-size: 30px;
  text-transform: uppercase;
}
.main .news .big .bt h3 {
  color: #333333;
  font-size: 24px;
  font-weight: 600;
  margin-top: 0.3%;
}
.main .news .big .nr {
  display: flex;
  justify-content: space-between;
  margin-top: 5%;
}
.main .news .big .nr .lef {
  width: 55.5%;
}
.main .news .big .nr .lef ul li {
  margin-top: 2%;
  transition: all 0.6s;
  padding: 3% 8% 3% 6%;
  box-sizing: border-box;
}
.main .news .big .nr .lef ul li a {
  display: flex;
  justify-content: space-between;
}
.main .news .big .nr .lef ul li a .sj {
  width: 90px;
  height: 90px;
  transition: all 0.6s;
}
.main .news .big .nr .lef ul li a .sj b {
  color: #333333;
  font-size: 25px;
  display: block;
  text-align: center;
  margin-top: 18%;
}
.main .news .big .nr .lef ul li a .sj p {
  color: #333333;
  font-size: 16px;
  text-align: center;
}
.main .news .big .nr .lef ul li a .text {
  width: 81.5%;
}
.main .news .big .nr .lef ul li a .text b {
  color: #333333;
  font-size: 18px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.6s;
}
.main .news .big .nr .lef ul li a .text p {
  color: #707070;
  font-size: 14px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  transition: all 0.6s;
  margin-top: 3%;
}
.main .news .big .nr .lef ul li:hover {
  background: #FF333F;
  transition: all 0.6s;
}
.main .news .big .nr .lef ul li:hover a .sj {
  background: #FFFFFF;
  transition: all 0.6s;
}
.main .news .big .nr .lef ul li:hover a .text b {
  color: #FFFFFF;
  transition: all 0.6s;
}
.main .news .big .nr .lef ul li:hover a .text p {
  color: #FFFFFF;
  transition: all 0.6s;
}
.main .news .big .nr .rig {
  width: 42%;
}
.main .news .big .nr .rig ul li {
  position: relative;
  margin-top: 5%;
}
.main .news .big .nr .rig ul li a {
  display: block;
}
.main .news .big .nr .rig ul li a .tp {
  font-size: 0;
  overflow: hidden;
}
.main .news .big .nr .rig ul li a .tp img {
  transition: all 0.6s;
}
.main .news .big .nr .rig ul li a .tp:hover img {
  transform: scale(1.1);
  transition: all 0.6s;
}
.main .news .big .nr .rig ul li a p {
  position: absolute;
  bottom: 0;
  width: 100%;
  line-height: 32px;
  background: rgba(255, 51, 63, 0.8);
  color: #FFFFFF;
  font-size: 14px;
  padding: 0 3%;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main .news .big .abox {
  display: block;
  border: 1px solid #FF333F;
  width: 94px;
  line-height: 34px;
  color: #FF333F;
  font-size: 14px;
  text-align: center;
  transition: all 0.6s;
  margin: 0 auto;
  margin-top: 5%;
}
.main .news .big .abox:hover {
  color: #FFFFFF;
  background: #FF333F;
  transition: all 0.6s;
}
@media screen and (max-width: 1200px) {
  .main {
    overflow: hidden;
  }
  .main .chanpin .big .bt p {
    font-size: 12px;
  }
  .main .chanpin .big .bt h3 {
    font-size: 15px;
  }
  .main .chanpin .big ul {
    flex-wrap: wrap;
    padding: 0 3%;
    box-sizing: border-box;
  }
  .main .chanpin .big ul li {
    width: 48%;
  }
  .main .chanpin .big ul li:nth-child(5) {
    display: none;
  }
  .main .chanpin .big ul li:nth-child(6) {
    display: none;
  }
  .main .chanpin .big .abox {
    width: 90px;
    line-height: 30px;
    font-size: 12px;
  }
  .main .chanpin .bigtp{
    width:155%;
    height:230px;
    overflow: hidden;
    position: relative;
  }
  .main .chanpin .bigtp img{
    position: absolute;
    left:-18%;
  }
  .main .guanyu .bt p {
    font-size: 12px;
  }
  .main .guanyu .bt h3 {
    font-size: 15px;
  }
  .main .guanyu .big {
    flex-wrap: wrap;
    padding: 0 3%;
    box-sizing: border-box;
  }
  .main .guanyu .big .lef {
    width: 100%;
  }
  .main .guanyu .big .rig {
    width: 100%;
  }
  .main .guanyu .big .rig h3 {
    font-size: 15px;
    margin-top: 5%;
  }
  .main .guanyu .big .rig p {
    font-size: 12px;
    line-height: 25px;
    margin-top: 3%;
  }
  .main .guanyu .big .rig a {
    width: 90px;
    font-size: 12px;
    line-height: 30px;
    margin: 0 auto;
    margin-top: 6%;
  }
  .main .rongyu {
    background: none;
  }
  .main .rongyu .big .bt p {
    font-size: 12px;
  }
  .main .rongyu .big .bt h3 {
    font-size: 15px;
  }
  .main .rongyu .big ul {
    flex-wrap: wrap;
    padding: 0 3%;
    box-sizing: border-box;
    margin-top: 0;
  }
  .main .rongyu .big ul li {
    width: 48%;
    margin-top: 5%;
  }
  .main .rongyu .big .abox {
    width: 90px;
    font-size: 12px;
    line-height: 30px;
  }
  .main .news .big .bt p {
    font-size: 12px;
  }
  .main .news .big .bt h3 {
    font-size: 15px;
  }
  .main .news .big .nr {
    padding: 0 3%;
    box-sizing: border-box;
  }
  .main .news .big .nr .lef {
    display: none;
  }
  .main .news .big .nr .rig {
    width: 100%;
  }
  .main .news .big .abox {
    width: 90px;
    font-size: 12px;
    line-height: 30px;
  }
}