#product {
  margin-bottom: 72px;
}
#product .about-m {
  height: 500px;
}
#product .about-m .bgc {
  position: absolute;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  left: 50%;
  height: 500px;
  background: url(../img/bgc5.png);
  transform: translate(-50%);
  z-index: -1;
}
#product .about-m .about-tex {
  width: 50%;
  margin: 0 auto;
  text-align: center;
  padding-top: 160px;
}
#product .about-m .about-tex h2 {
  font-size: 40px;
  font-weight: 400;
  color: #ffffff;
  margin-bottom: 21px;
}
#product .about-m .about-tex p {
  display: block;
  margin: 0 auto;
  width: 717px;
  font-size: 16px;
  font-weight: 400;
  color: #ffffff;
  opacity: 0.5;
  line-height: 25px;
}
#product .about-m .about-tex p:hover {
  cursor: pointer;
  opacity: 1;
}
#product .product-nr {
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  margin-top: 87px;
}
#product .product-nr .nr-l {
  border-right: 1px #efefef solid;
  padding-top: 30px;
}
#product .product-nr .nr-l .title {
  font-size: 36px;
  font-weight: 600;
  color: #333333;
  line-height: 36px;
}
#product .product-nr .nr-l .fs_col1 ul {
  margin-top: 47px;
}
#product .product-nr .nr-l .fs_col1 ul li {
  text-align: right;
  font-size: 16px;
  color: #333333;
  line-height: 45px;
  width: 120%;
  padding-right: 75px;
  margin: 10px 0;
}
#product .product-nr .nr-l .fs_col1 .li-bgc {
  background: url(../img/bgc6.png) no-repeat 0px 0px;
}
#product .product-nr .nr-l .fs_col1 .li-bgc a {
  color: #fff;
}
#product .product-nr .nr-r {
  width: 87%;
  position: relative;
}
#product .product-nr .nr-r .r-item {
  display: flex;
  padding: 21px 0;
  flex-wrap: wrap;
}
#product .product-nr .nr-r .product-item {
  padding: 66px 52px 16px 1px;
  margin: 0px -57px 73px 94px;
  width: 30%;
  border-right: 1px solid #efefef;
}
#product .product-nr .nr-r .product-item .img-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}
#product .product-nr .nr-r .product-item .img-box .img {
  flex: 9;
}
#product .product-nr .nr-r .product-item .img-box .title {
  flex: 1;
}
#product .product-nr .nr-r .product-item:nth-child(3) {
  border-right: none;
}
#product .product-nr .nr-r .product-item:nth-child(6) {
  border-right: none;
}
#product .product-nr .nr-r .pagination {
  overflow: hidden;
  text-align: center;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%);
  display: flex;
}
#product .product-nr .nr-r .pagination span {
  padding: 5px 10px;
  text-decoration: none;
  transition: background-color 0.3s;
  border: 1px solid #ddd;
  margin: 0 4px;
  font-size: 14px;
  color: #666666;
  background: white;
  border-radius: 5px;
}
#product .product-nr .nr-r .pagination li {
  color: black;
  padding: 5px 10px;
  text-decoration: none;
  transition: background-color 0.3s;
  border: 1px solid #ddd;
  margin: 0 4px;
  font-size: 14px;
  color: #666666;
  background: white;
  border-radius: 5px;
}
.active {
  background-color: #004ea3 !important;
  color: #fff !important;
}
.active a {
  color: #fff;
}
.details {
  margin-left: 38px;
}
.details .product-h {
  position: relative;
  display: flex;
  height: 446px !important;
}
.details .product-h .h-l {
  flex: 2;
  position: relative;
  height: 310px;
  z-index: 50;
  overflow: hidden;
}
.details .product-h .h-l .swiper-container {
  width: 200px;
}
.details .product-h .h-l .swiper-container .swiper-slide {
  width: 100%;
}
.details .product-h .h-l .swiper-container .swiper-slide img {
  margin-left: 47px;
  margin-top: 10px;
}
.details .product-h .swiper-button {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #c4d6ea;
  bottom: 0;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.details .product-h .swiper-button img {
  width: 50%;
}
.details .product-h .button1 {
  top: -42px;
  left: 73px;
}
.details .product-h .button1:hover {
  cursor: pointer;
  background-color: #004ea3;
}
.details .product-h .button2 {
  bottom: 91px;
  left: 65px;
}
.details .product-h .button2:hover {
  cursor: pointer;
  background-color: #004ea3;
}
.details .product-h .h-r {
  flex: 9;
}
.details .h-r {
  display: flex;
}
.details .h-r .hr-item > div {
  display: flex;
}
.details .h-r .hr-item .img-box {
  display: none;
  margin-right: 34px;
  border: 1px solid #e3e3e3;
  padding: 10px;
}
.details .h-r .hr-text {
  display: flex;
  flex-direction: column;
}
.details .h-r .hr-text h3 {
  font-size: 34px;
  font-weight: 600;
  color: #333333;
  line-height: 34px;
}
.details .h-r .hr-text .text-box {
  font-size: 14px;
  color: #666666;
  margin: 36px 0;
  text-align: left;
  padding: 0 20px;
}
.details .h-r .hr-text .phone-box {
  display: flex;
}
.details .h-r .hr-text .phone-box div {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 46px;
  background-color: #0099ff;
  margin-right: 8px;
  border-radius: 5px;
}
.details .h-r .hr-text .phone-box div i {
  margin-right: 6px;
}
.details .h-r .hr-text .phone-box .on-line {
  background-color: #ff9933;
}
.details .product-b {
  margin-top: 10px;
}
.details .product-b nav {
  width: 1061px;
  height: 55px;
  background-color: #f3f0f3;
}
.details .product-b nav ul {
  display: flex;
  width: 60%;
  height: 100%;
  margin: 0;
}
.details .product-b nav ul li {
  text-align: center;
  flex: 1;
  padding: 17px;
  color: #333333;
  margin: 0;
}
.details .product-b .text {
  padding: 45px 0;
  padding-right: 99px;
  border-bottom: 1px solid #ededed;
  display: none;
}
.details .product-b .text p {
  margin: 20px 0;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  line-height: 28px;
}
.details .product-b .news {
  font-size: 14px;
  font-weight: 400;
  color: #666666;
  overflow: hidden;
}
.details .product-b .news > div {
  display: flex;
  align-items: center;
}
.details .product-b .news button {
  line-height: 61px;
  border: none;
  width: 117px;
  height: 51px;
  text-align: center;
  background: url(../img/icon35.png) no-repeat 0px 0px;
}
.details .product-b .news span {
  width: 546px;
  margin-top: 13px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.swiper-slide-bgc {
  background: url(../img/bgc7.png) no-repeat 41px 2px;
}