@media (max-width: 768px) {
  html,
  body {
    overflow-x: hidden;
  }
}
.po {
  position: relative;
}
.search-wrap {
  background-color: #f9f9f9;
  height: 3.75rem;
  display: flex;
  align-items: center;
}
.search-wrap .left {
  padding-left: 6.375rem;
}
.search-wrap .left .emss {
  font-size: 1.375rem;
  color: #666;
}
.search-wrap .left a {
  color: #aaa !important;
  font-size: 0.875rem;
}
.search-wrap .right {
  display: flex;
  justify-content: flex-end;
}
.search-wrap .right .ss {
  border-width: 1px;
  border-color: #aaaaaa;
  border-style: solid;
  width: 24.875rem;
  max-width: 100%;
  height: 2.375rem;
  border-radius: 2.375rem;
  position: relative;
}
.search-wrap .right .ss-input {
  position: absolute;
  left: 0.625rem;
  width: 20rem;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  outline: none;
  background-color: transparent;
}
.search-wrap .right .ss-img {
  position: absolute;
  right: 1.125rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.6875rem;
  cursor: pointer;
}
.zy-wrap {
  padding-top: 3.75rem;
}
.zy-wrap .zy-left > div {
  font-size: 2rem !important;
  color: #000;
  line-height: 1.7;
  letter-spacing: 3px;
}
.zy-wrap .zy-left > p {
  margin-top: 0.625rem;
  color: #999;
  padding-right: 1.25rem;
}
.zy-wrap .zy-left .more {
  margin-top: 5.3125rem;
}
.zy-wrap .zy-sw .item {
  width: 33%;
  background-color: #fafafa;
  border-width: 1px;
  border-color: #dddddd;
  border-style: solid;
  border-radius: 6px;
  padding: 1.1875rem 0.5rem 1rem 0.5rem;
  transition: all 0.5s;
}
.zy-wrap .zy-sw .item-po {
  background-image: url("../images/csky.png");
  background-repeat: no-repeat;
  background-size: auto 1.875rem;
  background-position: left bottom;
}
.zy-wrap .zy-sw .item-img-s {
  padding-bottom: 78.57142857%;
}
.zy-wrap .zy-sw .item-ti {
  font-size: 1.25rem;
  color: #333;
  letter-spacing: 3px;
  line-height: 1;
  margin-top: 1rem;
  position: relative;
}
.zy-wrap .zy-sw .item-ti::before {
  display: block;
  content: "";
  width: 0;
  height: 2px;
  background-color: #bf1427;
  float: left;
  position: relative;
  top: 0.625rem;
  margin-right: 4px;
  transition: all 0.5s;
}
.zy-wrap .zy-sw .item-info {
  font-size: 0.875rem;
  color: #666;
  letter-spacing: 3px;
  margin-top: 0.625rem;
  line-height: 1.5;
  height: 2.375rem;
}
.zy-wrap .zy-sw .item-bot {
  margin-top: 1.5rem;
  display: flex;
  justify-content: flex-end;
}
.zy-wrap .zy-sw .item-bot .jt {
  border-radius: 50%;
  width: 1.875rem;
  height: 1.875rem;
  border: 1px #737373 solid;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
}
.zy-wrap .zy-sw .item-bot .jt > img {
  width: 1.1875rem;
  height: auto;
}
.zy-wrap .zy-sw .item-bot .jt > img:first-child {
  display: block;
}
.zy-wrap .zy-sw .item-bot .jt > img:last-child {
  display: none;
}
.zy-wrap .zy-sw .item:hover {
  transform: translateY(-10px);
}
.zy-wrap .zy-sw .item:hover .item-ti {
  color: #bf1427;
}
.zy-wrap .zy-sw .item:hover .item-ti::before {
  width: 0.625rem;
}
.zy-wrap .zy-sw .item:hover .item-bot .jt {
  border: none;
  background-color: #bf1427;
}
.zy-wrap .zy-sw .item:hover .item-bot .jt > img:first-child {
  display: none;
}
.zy-wrap .zy-sw .item:hover .item-bot .jt > img:last-child {
  display: block;
}
.protop-wrap {
  height: 18.75rem;
  background-size: 100% auto;
  margin-top: 5.625rem;
}
.pro-wrap .pro-main {
  margin-top: -7.5rem;
  background-color: #fff;
  border-radius: 0.75rem 0.75rem 0 0;
  background-color: #ffffff;
}
.pro-wrap .pro-top {
  padding-top: 2.5rem;
  padding-left: 2.25rem;
}
.pro-wrap .pro-container {
  padding: 0 3.75rem;
}
.pro-wrap .pro-con {
  display: flex;
}
.pro-wrap .pro-con-m {
  padding-top: 5rem;
  width: 86.36363636%;
}
.pro-wrap .pro-con-m .left {
  width: 52.86343612%;
}
.pro-wrap .pro-con-m .left .box {
  border-width: 1px;
  border-color: #dddddd;
  border-style: solid;
  border-radius: 6px;
}
.pro-wrap .pro-con-m .right {
  width: 47.13656388%;
  padding: 0 2.5rem;
  padding-top: 1.625rem;
  position: relative;
}
.pro-wrap .pro-con-m .right .xl {
  display: flex;
  line-height: 1.75rem;
  width: 100%;
  border-bottom: 1px #bbbbbb solid;
  padding-bottom: 1.25rem;
}
.pro-wrap .pro-con-m .right .xl-main {
  font-size: 1.75rem;
  letter-spacing: 3px;
  color: #333;
}
.pro-wrap .pro-con-m .right .xl-sub {
  padding-left: 0.625rem;
  color: #aaa;
  font-size: 1rem;
}
.pro-wrap .pro-con-m .right .desc {
  margin-top: 1.625rem;
  font-size: 1rem;
  color: #aaa;
  line-height: 1.7;
  max-height: 105px;
}
.pro-wrap .pro-con-m .right .more {
  justify-content: flex-end;
  display: flex;
  margin-top: 2.875rem;
}
.pro-wrap .pro-con-m .right .bot {
  color: #aaa;
  font-size: 0.875rem;
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  bottom: 0.625rem;
}
.pro-wrap .pro-con-m .right .bot-p {
  letter-spacing: 15px;
}
.pro-wrap .pro-con-nav {
  width: 13.63636364%;
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
}
.pro-wrap .pro-con-nav ul {
  width: 7.5rem;
  box-shadow: -2.575px -4.286px 4px 0px rgba(170, 170, 170, 0.3);
  float: right;
}
.pro-wrap .pro-con-nav li {
  height: 7.625rem;
  position: relative;
  display: flex;
  align-items: center;
}
.pro-wrap .pro-con-nav li .p {
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  font-size: 1.125rem;
}
.pro-wrap .pro-con-nav li .p::after {
  content: "+";
  display: block;
  position: absolute;
  left: -1.75rem;
  top: 0;
  width: 1.75rem;
  height: 1.55555556rem;
  font-size: 1.75rem;
  line-height: 1.75rem;
  transform: scale(0) rotate(0deg);
  transition: all 0.5s linear;
  color: #fff;
}
.pro-wrap .pro-con-nav li::after {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: block;
  width: calc(100% + 35px);
  content: "";
  height: 100%;
  background-color: #bf1427;
  transform: translateX(105%);
  transition: all 0.5s;
  border-radius: 6px 0 0 6px;
}
.pro-wrap .pro-con-nav li.active .p,
.pro-wrap .pro-con-nav li:hover .p {
  color: #fff;
}
.pro-wrap .pro-con-nav li.active .p::after,
.pro-wrap .pro-con-nav li:hover .p::after {
  transform: scale(1);
}
.pro-wrap .pro-con-nav li.active::after,
.pro-wrap .pro-con-nav li:hover::after {
  transform: translateX(0);
}
.pro-wrap .pro-lb {
  margin-top: 3.75rem;
}
.pro-wrap .pro-lb .item {
  width: 25%;
}
.pro-wrap .pro-lb .item .box {
  border-width: 1px;
  border-color: #dddddd;
  border-style: solid;
  border-radius: 6px;
}
.pro-wrap .pro-lb .item:hover .item-bot::after {
  width: 100%;
}
.pro-wrap .pro-lb .item:hover .item-bot .jt {
  background-color: #bf1427;
  background-image: url('../images/projt.png');
  border-color: transparent;
}
.pro-wrap .pro-lb .item-bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2.8125rem;
  border-bottom: 1px solid #aaa;
  position: relative;
  width: 100%;
}
.pro-wrap .pro-lb .item-bot::after {
  position: absolute;
  display: block;
  content: "";
  width: 0%;
  height: 1px;
  background-color: #bf1427;
  transition: all 0.5s;
  bottom: 0;
  left: 0;
}
.pro-wrap .pro-lb .item-bot .pname {
  padding-left: 1.8125rem;
  color: #666;
  font-size: 1rem;
  position: relative;
}
.pro-wrap .pro-lb .item-bot .pname::after {
  display: block;
  content: "";
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.375rem;
  height: 0.375rem;
  background-color: #bf1427;
}
.pro-wrap .pro-lb .item-bot .jt {
  transition: all 0.5s;
  border-radius: 50%;
  border: 1px #aaa solid;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url('../images/projt0.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
}
.pro-wrap .pro-mobile {
  padding-top: 20px;
}
.pro-wrap .pro-mobile > ul {
  display: flex;
  justify-content: space-between;
}
.pro-wrap .pro-mobile > ul > li {
  width: 22%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 30px;
  border: 1px #ddd solid;
  color: #333;
  font-size: 14px;
}
.pro-wrap .pro-mobile > ul > li.active {
  background-color: #bf1427;
  color: #fff;
}
.reason-wrap {
  padding-top: 5.9375rem;
  padding-bottom: 4.375rem;
}
.reason-wrap .bg {
  margin-top: 1.75rem;
  background-color: #f5f5f5;
}
.reason-wrap .bg .container {
  position: relative;
  z-index: 5;
}
.reason-wrap .reason-con {
  padding-left: 6.25rem;
  padding-bottom: 3.5rem;
}
.reason-wrap .reason-t-box {
  padding-top: 1.875rem;
}
.reason-wrap .reason-title {
  width: 38.0625rem;
  max-width: 100%;
  display: flex;
  align-items: center;
  height: 4.6875rem;
  border-bottom: 1px solid #dddddd;
}
.reason-wrap .reason-title .t1 {
  font-size: 1.75rem;
  letter-spacing: 1px;
}
.reason-wrap .reason-title .t2 {
  display: inline-block;
  padding-left: 1.25rem;
  font-size: 1rem;
  color: #aaa;
  text-transform: uppercase;
}
.reason-wrap .reason-subtitle {
  font-size: 1rem;
  color: #aaa;
  margin-top: 1.375rem;
}
.reason-wrap .reason-subtitle span {
  display: none;
}
.reason-wrap .reason-subtitle span:first-child {
  display: block;
}
.reason-wrap .reason-info {
  margin-top: 5.625rem;
  display: flex;
  align-items: center;
}
.reason-wrap .reason-info-kf {
  width: 10.5rem;
  height: 3rem;
  position: relative;
}
.reason-wrap .reason-info-kf .n1 {
  background-color: #f8e7e9;
  width: 10.5rem;
  height: 3rem;
  border-radius: 3rem;
  position: relative;
  z-index: 1;
}
.reason-wrap .reason-info-kf .n2 {
  background-color: #a60003;
  width: 9.25rem;
  height: 2.375rem;
  border-radius: 3rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.reason-wrap .reason-info-kf .re-text {
  padding-left: 2.5rem;
  position: relative;
  display: inline-block;
  color: #fff;
}
.reason-wrap .reason-info-kf .re-text::after {
  display: block;
  content: "";
  width: 1.8125rem;
  height: 1.9375rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url('../images/reason-kf.png');
  background-size: 100%;
}
.reason-wrap .reason-info-tel {
  margin-left: 1.125rem;
  font-size: 1.375rem;
  color: #333;
}
.reason-wrap .reason-info-tel > p {
  padding-left: 2.875rem;
  letter-spacing: 1px;
  position: relative;
}
.reason-wrap .reason-info-tel > p::after {
  display: block;
  content: "";
  width: 1.8125rem;
  height: 1.8125rem;
  background-image: url('../images/reason-tel.png');
  background-size: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
.reason-wrap .reason-list {
  margin-top: 3.75rem;
  z-index: 2;
  position: relative;
}
.reason-wrap .reason-list .item {
  margin-right: 1.875rem;
  height: 8.125rem;
  width: 11.25rem;
  position: relative;
}
.reason-wrap .reason-list .item:hover .item-bg {
  height: 8.125rem;
  background-color: #bf1427;
}
.reason-wrap .reason-list .item:hover .item-box .wz-zh,
.reason-wrap .reason-list .item:hover .item-box .wz-en {
  word-wrap: break-word;
  color: #fff !important;
}
.reason-wrap .reason-list .item:hover .item-box .yuan {
  background-color: #f8e7e9;
}
.reason-wrap .reason-list .item:hover .item-box .yuan > img:first-child {
  display: none;
}
.reason-wrap .reason-list .item:hover .item-box .yuan > img:last-child {
  display: block;
}
.reason-wrap .reason-list .item-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 7.5rem;
  background-color: #fff;
  z-index: 1;
  border-radius: 6px;
  transition: all 0.5s;
}
.reason-wrap .reason-list .item-box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 7.5rem;
  display: flex;
  align-items: center;
  z-index: 2;
}
.reason-wrap .reason-list .item-box-main {
  height: 3.375rem;
  width: 100%;
  display: flex;
}
.reason-wrap .reason-list .item-box .yuan {
  border-radius: 50%;
  background-color: #f5f5f5;
  width: 3.375rem;
  height: 3.375rem;
  margin-left: 0.625rem;
  position: relative;
}
.reason-wrap .reason-list .item-box .yuan > img {
  width: 1.8125rem;
}
.reason-wrap .reason-list .item-box .yuan > img:first-child {
  display: block;
}
.reason-wrap .reason-list .item-box .yuan > img:last-child {
  display: none;
}
.reason-wrap .reason-list .item-box .wz {
  height: 100%;
  display: flex;
  align-content: space-between;
  flex-wrap: wrap;
  flex: 1;
  margin-left: 1.0625rem;
}
.reason-wrap .reason-list .item-box .wz-zh {
  font-size: 1.125rem;
  color: #333;
}
.reason-wrap .reason-list .item-box .wz-en {
  font-size: 12px;
  color: #aaa;
}
.reason-wrap .reason-right {
  /*border-width: 10px;*/
  /*border-color: rgb(248, 231, 233);*/
  /*border-style: solid;*/
  border: none !important;
  position: absolute;
  right: 0;
  top: -10.625rem;
  width: 36.25rem;
  border-radius: 6px;
  z-index: 1;
}
.reason-wrap .reason-right .box {
  padding-bottom: 105%;
}
.reason-wrap .left-bg {
  position: absolute;
  z-index: 2;
  width: 16.875rem;
  bottom: -1.0625rem;
  left: 0;
}
.reason-wrap .left-bg .box {
  background-size: 100% auto;
  background-position: center;
}
.reason-wrap .bot-bg {
  z-index: 1;
  position: absolute;
  width: 70vw;
  left: 0;
  bottom: -4.6875rem;
}
.reason-wrap .bot-bg .box {
  padding-bottom: 40.14029618%;
  background-size: 100% auto;
  background-position: center;
}
.service-wrap {
  padding-bottom: 4.375rem;
}
.service-wrap .service-title {
  text-align: center;
  font-size: 2.375rem;
  letter-spacing: 2px;
}
.service-wrap .service-subtitle {
  font-size: 0.875rem;
  width: 46.875rem;
  max-width: 100%;
  margin: 0 auto;
  color: #333;
  text-align: center;
}
.service-wrap .service-list {
  margin-top: 2.3125rem;
  display: flex;
  justify-content: space-between;
}
.service-wrap .service-list .item {
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
  margin-right: 1rem;
  height: 32.5rem;
  flex: 0 0 12.5rem;
  transition: all 0.7s ease 0s;
  padding: 0 0.9375rem;
  position: relative;
  overflow: hidden;
}
.service-wrap .service-list .item.active {
  flex: 1;
}
.service-wrap .service-list .item.active .item-num {
  color: #fff;
}
.service-wrap .service-list .item.active .item-box {
  bottom: 11.875rem;
}
.service-wrap .service-list .item:last-child {
  margin-right: 0;
}
.service-wrap .service-list .item-num {
  font-size: 56px;
  color: rgba(255, 255, 255, 0.302);
  line-height: 1.2;
  font-weight: bold;
  margin-top: 1.3125rem;
  text-align: right;
  transition: all 0.5s linear;
}
.service-wrap .service-list .item-box {
  position: absolute;
  color: #fff;
  transition: all 0.7s ease-out 0.3s;
  bottom: -8.75rem;
  height: 13.75rem;
}
.service-wrap .service-list .item-box .se-line {
  background-color: #ffffff;
  display: block;
  width: 2.6875rem;
  height: 5px;
}
.service-wrap .service-list .item-box .se-name {
  font-size: 1.25rem;
  color: #fff;
  margin-top: 0.75rem;
}
.service-wrap .service-list .item-box .se-desc {
  font-size: 0.875rem;
  margin-top: 1.125rem;
  width: 25rem;
}
.service-wrap .service-list .item-box .se-more {
  margin-top: 1.5rem;
}
.service-wrap .service-list .item-box .se-more .s-more-quan {
  border-color: #fff;
}
.service-wrap .service-bot {
  margin-top: 2.375rem;
}
.service-wrap .service-bot .info {
  background-color: #ffffff;
  box-shadow: 0px 0px 6px 0px rgba(170, 170, 170, 0.5);
  width: 40rem;
  height: 4.125rem;
  border-radius: 4.125rem;
  margin: 0 auto;
  display: flex;
}
.service-wrap .service-bot .info-left {
  height: 100%;
  width: 31.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.service-wrap .service-bot .info-left-p {
  padding-left: 3.125rem;
  position: relative;
  display: flex;
  align-items: center;
}
.service-wrap .service-bot .info-left-p::after {
  display: block;
  content: "";
  width: 2.375rem;
  height: 2.0625rem;
  background: url('../images/icon-24h.png') no-repeat center / 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.service-wrap .service-bot .info-left-tel {
  font-size: 1.75rem;
  color: #333;
  margin-left: 0.625rem;
}
.service-wrap .service-bot .info-right {
  background-color: #bf1427;
  flex: 1;
  border-radius: 3.75rem;
  overflow: hidden;
}
.service-wrap .service-bot .info-right > a {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: 1.25rem;
  align-items: center;
  justify-content: center;
  color: #fff !important;
  background-color: #bf1427;
}
.about-wrap .wrap-top {
  background-repeat: no-repeat;
  background-size: auto 100%;
  overflow: hidden;
}
.about-wrap .about-main {
  margin-top: 6.25rem;
  background-color: #ffffff;
  border-top-left-radius: 6.25rem;
  padding-top: 5.125rem;
  position: relative;
}
.about-wrap .about-main::after {
  display: block;
  content: "";
  width: 50vw;
  position: absolute;
  top: 0;
  left: 50vw;
  height: 100%;
  background-color: #fff;
  z-index: 1;
}
.about-wrap .about-main .grid {
  position: relative;
  z-index: 2;
}
.about-wrap .about-main-left {
  padding-left: 6.25rem;
}
.about-wrap .about-main-left .about-js {
  margin-top: 3.375rem;
  height: 14.75rem;
  overflow-y: auto;
}
.about-wrap .about-main-left .about-js span,
.about-wrap .about-main-left .about-js p,
.about-wrap .about-main-left .about-js div {
  font-family: inherit !important;
}
.about-wrap .about-main-left .about-js::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  opacity: 0;
}
.about-wrap .about-main-left .about-js:hover::-webkit-scrollbar {
  opacity: 1;
}
.about-wrap .about-main-left .about-js:hover::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px #bf1427;
  background: #bf1427;
}
.about-wrap .about-main-left .about-js:hover::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #EDEDED;
}
.about-wrap .about-main-right {
  padding-bottom: 1.75rem;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding-left: 2.5rem;
}
.about-wrap .about-main-right .imgs > img {
  width: 100%;
}
.about-wrap .about-main-right .img1 {
  width: 14.1875rem;
  margin-right: 2.5rem;
}
.about-wrap .about-main-right .img2 {
  width: 23.625rem;
}
.about-wrap .about-more {
  margin-top: 1.875rem;
}
.about-wrap .about-btn-group {
  margin-top: 2.5rem;
  display: flex;
  justify-content: space-between;
}
.about-wrap .about-btn-group .item {
  background-color: #fff;
  box-shadow: 0px 0px 6px 0px rgba(170, 170, 170, 0.5);
  width: 16.25rem;
  height: 3.75rem;
  border-radius: 3.75rem;
  cursor: pointer;
  max-width: 45%;
  display: flex;
  align-items: center;
  padding: 0 1.875rem;
  font-size: 1.25rem;
  justify-content: space-between;
}
.about-wrap .about-btn-group .item.active {
  background-color: #bf1427;
  color: #fff;
}
.about-wrap .wrap-bot .about-list {
  margin-top: 2.5rem;
}
.about-wrap .wrap-bot .about-list .item {
  width: 25%;
}
.news-wrap {
  padding-top: 4.875rem;
  padding-bottom: 3.75rem;
  background-repeat: no-repeat;
  background-position: 110% 82%;
}
.news-wrap .news-main-right {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.news-wrap .news-main-right .item {
  height: 3.4375rem;
  width: 11.25rem;
  display: flex;
  align-items: center;
  max-width: 45%;
  cursor: pointer;
  border-bottom: 2px #ddd solid;
  position: relative;
}
.news-wrap .news-main-right .item:not(:last-child) {
  margin-right: 2.8125rem;
}
.news-wrap .news-main-right .item.active::after {
  width: 100%;
}
.news-wrap .news-main-right .item.active > p {
  color: #bf1427;
}
.news-wrap .news-main-right .item.active > p::after {
  background-image: url('../images/jt3.png');
}
.news-wrap .news-main-right .item::after {
  display: block;
  content: "";
  width: 0%;
  height: 2px;
  background-color: #bf1427;
  transition: all 0.5s;
  position: absolute;
  left: 0;
  bottom: -2px;
}
.news-wrap .news-main-right .item > p {
  width: 100%;
  position: relative;
  font-size: 1.25rem;
}
.news-wrap .news-main-right .item > p::after {
  display: block;
  content: "";
  width: 1.1875rem;
  height: 0.9375rem;
  background: url('../images/jt.png') no-repeat center / 100%;
  position: absolute;
  right: -2px;
  top: 50%;
  transform: translateY(-50%);
}
.news-wrap .news-list {
  margin-top: 3.375rem;
}
.news-wrap .news-list-item .i-top {
  display: flex;
  justify-content: space-between;
}
.news-wrap .news-list-item .i-top-width {
  float: left;
  width: 23.95833333%;
}
.news-wrap .news-list-item .i-top-width:hover .bg {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.news-wrap .news-list-item .i-top .s-box2 {
  padding: 0;
}
.news-wrap .news-list-item .i-top .box {
  border: 1px #ddd solid;
}
.news-wrap .news-list-item .i-top .bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  transform: scale(1.2);
  transition: all 0.5s;
  opacity: 0;
  visibility: hidden;
}
.news-wrap .news-list-item .i-top .po {
  z-index: 2;
  padding: 0 1.25rem;
}
.news-wrap .news-list-item .i-top .po .day {
  font-size: 3rem;
  line-height: 1;
  color: #aaa;
  margin-top: 1.25rem;
}
.news-wrap .news-list-item .i-top .po .year {
  font-size: 1.125rem;
  color: #aaa;
}
.news-wrap .news-list-item .i-top .po .ti {
  font-size: 1.125rem;
  color: #333;
  margin-top: 0.625rem;
}
.news-wrap .news-list-item .i-top .po .desc {
  margin-top: 0.625rem;
  font-size: 0.875rem;
  color: #aaa;
}
.news-wrap .news-list-item .i-top .po .more {
  margin-top: 1.5625rem;
  display: flex;
  justify-content: flex-end;
}
.news-wrap .news-list-item .i-bot {
  display: flex;
  justify-content: space-between;
}
.news-wrap .news-list-item .i-bot .item {
  margin-top: 1.5625rem;
  width: 48.61111111%;
  height: 10rem;
  border: 1px solid #ddd;
}
.news-wrap .news-list-item .i-bot .item .nr {
  display: flex;
  align-items: center;
}
.news-wrap .news-list-item .i-bot .item .left {
  width: 11.25rem;
  flex: 0 0 11.25rem;
  height: 6.25rem;
  border-right: 1px solid #ddd;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
.news-wrap .news-list-item .i-bot .item .left .day {
  width: 100%;
  text-align: center;
  font-size: 3rem;
  color: #aaa;
  line-height: 1;
}
.news-wrap .news-list-item .i-bot .item .left .year {
  width: 100%;
  text-align: center;
  font-size: 1.125rem;
  color: #aaa;
}
.news-wrap .news-list-item .i-bot .item .right {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  padding: 0 1.25rem;
  height: 6.25rem;
  overflow: hidden;
}
.news-wrap .news-list-item .i-bot .item .right .ti {
  font-size: 1.125rem;
  color: #333;
}
.news-wrap .news-list-item .i-bot .item .right .desc {
  font-size: 0.875rem;
  color: #aaa;
}
@keyframes per1 {
  0% {
    transform: translate3d(0, 0, 0);
    background-color: #ffffff;
    opacity: 1;
  }
  25% {
    transform: translate3d(10px, -10px, 0);
  }
  100% {
    transform: translate3d(-20px, 20px, 0);
    background-color: #eff7ff;
    opacity: 0.161;
  }
}
@keyframes per2 {
  0% {
    transform: translate3d(-20px, 20px, 0);
    background-color: #eff7ff;
    opacity: 0.161;
  }
  100% {
    transform: translate3d(0, 0, 0);
    background-color: #ffffff;
    opacity: 1;
  }
}
@media (min-width: 1232px) {
}
@media (min-width: 1632px) {
}
@keyframes coopzoom {
  0% {
    width: 75.11111111%;
    height: 75.11111111%;
    opacity: 1;
  }
  100% {
    width: 100%;
    height: 100%;
    opacity: 0.5;
  }
}
/*新闻*/
.news-list-page {
  padding-top: 5rem;
}
.news-list-page .s-box2 {
  padding: 0px;
}
.news-list-page .s-box2 img {
  transition: all 0.5s;
}
.news-list-page .s-box2 img:hover {
  transform: scale(1.2);
}
.news-list-page .ti {
  margin-top: 0.875rem;
  color: #333;
  line-height: 1.2;
  font-size: 1.25rem;
}
.news-list-page .ti:hover {
  color: #bf1427;
}
.news-list-page .item-bot {
  margin-top: 1rem;
  margin-bottom: 0.875rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1;
}
.news-list-page .item-bot p {
  font-size: 1rem;
}
.news-list-page .item-bot i {
  background-image: url('../images/more1.png');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 2.5rem;
  height: 1.1875rem;
  display: block;
  margin-right: 1rem;
}
.news-list-page .item-bot i:hover {
  background-image: url('../images/more2.png');
}
.news-list-page .top {
  margin: 0 -0.9375rem;
}
.news-list-page .top .box {
  border-bottom: 1px solid #f5f5f5;
  padding: 0 0.9375rem;
}
.news-list-page .mid {
  margin-top: 3.75rem;
}
.news-list-page .mid .item {
  padding: 1.875rem;
  display: flex;
  overflow: hidden;
  border-bottom: 1px #f5f5f5 solid;
}
.news-list-page .mid .item:first-child {
  border-top: 1px #f5f5f5 solid;
}
.news-list-page .mid .item .left {
  flex: 0 0 28.77697842%;
}
.news-list-page .mid .item .right {
  flex: 1;
  padding-left: 3.4375rem;
  padding-right: 1.625rem;
}
.news-list-page .mid .item .right .ti {
  font-size: 1.125rem;
}
.news-list-page .mid .item .right .desc {
  width: 85.85858586%;
  margin-top: 1.25rem;
  font-size: 1rem;
  max-height: 5.125rem;
}
.news-list-page .mid .item .right .more {
  margin-top: 2.625rem;
  display: flex;
  justify-content: flex-end;
}
.news_details-page {
  padding-top: 4.375rem;
  padding-bottom: 3.75rem;
}
.news_details-page .ti-name {
  font-size: 1.5rem;
  letter-spacing: 2px;
}
.news_details-page .info {
  margin-top: 0.625rem;
  font-size: 14px;
  color: #666;
}
.news_details-page .n-hr {
  margin-top: 0.75rem;
  height: 0;
  width: 100%;
  border-top: 1px solid #ededed;
}
.news_details-page .content {
  margin-top: 1.25rem;
}
/*产品*/
.pro-list-page .pnav {
  margin-top: 1.5625rem;
  padding: 1.5625rem 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dddddd;
  font-size: 1.125rem;
  line-height: 1.2;
}
.pro-list-page .pnav .name {
  display: block;
  float: left;
  margin: 0 0.9375rem;
  padding: 0.625rem 1.25rem;
}
.pro-list-page .pnav .plist {
  margin-left: 7.8125rem;
  display: block;
}
.pro-list-page .pnav .item {
  display: inline-block;
  padding: 0.625rem 1.25rem;
  margin: 0 0.9375rem;
  cursor: pointer;
  transition: all 0.5s;
  color: #666;
  border-radius: 2px;
  margin-top: 0.3125rem;
}
.pro-list-page .pnav .item.active,
.pro-list-page .pnav .item:hover {
  background-color: #bf1427;
  color: #fff !important;
}
.pro-list-page .top {
  margin-top: 2.1875rem;
  display: flex;
}
.pro-list-page .top .left {
  width: 48.61111111%;
}
.pro-list-page .top .left .box {
  border-width: 1px;
  border-color: #dddddd;
  border-style: solid;
  border-radius: 6px;
}
.pro-list-page .top .right {
  width: 51.38888889%;
  padding: 0 2.5rem;
  padding-top: 1.625rem;
  position: relative;
}
.pro-list-page .top .right .xl {
  display: flex;
  line-height: 1.75rem;
  width: 100%;
  border-bottom: 1px #bbbbbb solid;
  padding-bottom: 1.25rem;
}
.pro-list-page .top .right .xl-main {
  font-size: 1.75rem;
  letter-spacing: 3px;
  color: #333;
}
.pro-list-page .top .right .xl-sub {
  padding-left: 0.625rem;
  color: #aaa;
  font-size: 1rem;
}
.pro-list-page .top .right .desc {
  margin-top: 1.625rem;
  font-size: 1rem;
  color: #aaa;
  line-height: 1.7;
  max-height: 105px;
}
.pro-list-page .top .right .more {
  justify-content: flex-end;
  display: flex;
  margin-top: 2.875rem;
}
.pro-list-page .top .right .info {
  margin-top: 5.625rem;
  display: flex;
  align-items: center;
}
.pro-list-page .top .right .info-kf {
  width: 10.5rem;
  height: 3rem;
  position: relative;
}
.pro-list-page .top .right .info-kf .n1 {
  background-color: #f8e7e9;
  width: 10.5rem;
  height: 3rem;
  border-radius: 3rem;
  position: relative;
  z-index: 1;
}
.pro-list-page .top .right .info-kf .n2 {
  background-color: #a60003;
  width: 9.25rem;
  height: 2.375rem;
  border-radius: 3rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pro-list-page .top .right .info-kf .re-text {
  padding-left: 2.5rem;
  position: relative;
  display: inline-block;
  color: #fff;
}
.pro-list-page .top .right .info-kf .re-text::after {
  display: block;
  content: "";
  width: 1.8125rem;
  height: 1.9375rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url('../images/reason-kf.png');
  background-size: 100%;
}
.pro-list-page .top .right .info-tel {
  margin-left: 1.125rem;
  font-size: 1.375rem;
  color: #333;
}
.pro-list-page .top .right .info-tel > p {
  padding-left: 2.875rem;
  letter-spacing: 1px;
  position: relative;
}
.pro-list-page .top .right .info-tel > p::after {
  display: block;
  content: "";
  width: 1.8125rem;
  height: 1.8125rem;
  background-image: url('../images/reason-tel.png');
  background-size: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
.pro-list-page .top .right .bot {
  color: #aaa;
  font-size: 0.875rem;
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  bottom: 0.625rem;
}
.pro-list-page .top .right .bot-p {
  letter-spacing: 15px;
}
.pro-list-page .mid {
  margin: 0 -0.625rem;
}
.pro-list-page .mid .item {
  margin-top: 2.1875rem;
  padding: 0 0.625rem;
}
.pro-list-page .mid .item .box {
  border-width: 1px;
  border-color: #dddddd;
  border-style: solid;
  border-radius: 6px;
}
.pro-list-page .mid .item:hover .item-bot::after {
  width: 100%;
}
.pro-list-page .mid .item:hover .item-bot .jt {
  background-color: #bf1427;
  background-image: url('../images/projt.png');
  border-color: transparent;
}
.pro-list-page .mid .item-bot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 2.8125rem;
  border-bottom: 1px solid #aaa;
  position: relative;
  width: 100%;
}
.pro-list-page .mid .item-bot::after {
  position: absolute;
  display: block;
  content: "";
  width: 0%;
  height: 1px;
  background-color: #bf1427;
  transition: all 0.5s;
  bottom: 0;
  left: 0;
}
.pro-list-page .mid .item-bot .pname {
  padding-left: 1.8125rem;
  color: #666;
  font-size: 1rem;
  position: relative;
}
.pro-list-page .mid .item-bot .pname::after {
  display: block;
  content: "";
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.375rem;
  height: 0.375rem;
  background-color: #bf1427;
}
.pro-list-page .mid .item-bot .jt {
  transition: all 0.5s;
  border-radius: 50%;
  border: 1px #aaa solid;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url('../images/projt0.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
}
.pro-details-page {
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
}
.pro-details-page .ptop {
  position: relative;
  padding-left: 1.25rem;
}
.pro-details-page .ptop::after {
  width: 0.375rem;
  height: 1.875rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.9375rem;
  display: block;
  content: "";
  background-color: #bf1427;
}
.pro-details-page .ptop .ti {
  font-size: 2rem;
  line-height: 1.2;
  color: #333;
  letter-spacing: 2px;
}
.pro-details-page .ptop .subti {
  font-size: 1.25rem;
  line-height: 1.2;
  color: #aaa;
  text-transform: uppercase;
}
.pro-details-page .main .pname {
  color: #bf1427;
  font-size: 1.5rem;
}
.pro-details-page .p-left {
  padding: 1.25rem;
  width: 23.95833333%;
}
.pro-details-page .p-left .item {
  margin-top: 1.25rem;
  border: 1px #ededed solid;
  overflow: hidden;
}
.pro-details-page .p-left .item:hover .info {
  bottom: 0;
}
.pro-details-page .p-left .item:hover img {
  transform: scale(1.2);
}
.pro-details-page .p-left .item .s-box2 {
  padding: 0;
}
.pro-details-page .p-left .item .s-box2 img {
  width: 100%;
  transition: all 0.5s;
}
.pro-details-page .p-left .item .info {
  height: 2.5rem;
  line-height: 2.5rem;
  padding: 0 1rem;
  background-color: rgba(191, 20, 39, 0.4);
  position: absolute;
  bottom: -2.5rem;
  transition: all 0.5s;
  width: 100%;
  left: 0;
  color: #fff;
}
.pro-details-page .p-left .item .info-name {
  float: left;
  padding-left: 1.0625rem;
  position: relative;
}
.pro-details-page .p-left .item .info-name::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  background-color: #fff;
}
.pro-details-page .p-left .item .info-jt {
  float: right;
  width: 1.1875rem;
  height: 0.9375rem;
  background: url('../images/jt2.png') no-repeat center / 100%;
  margin-top: 0.75rem;
}
.pro-details-page .p-right {
  padding-top: 1px;
  width: 76.04166667%;
  padding-left: 2.5rem;
  border-left: 1px solid #eee;
}
.pro-details-page .p-right .s-box2 {
  padding: 0;
}
.pro-details-page .p-right .basic {
  margin-top: 2.1875rem;
}
.pro-details-page .p-right .basic-info {
  border: 1px #ededed solid;
}
.pro-details-page .p-right .basic-info .le {
  width: 62.73764259%;
}
.pro-details-page .p-right .basic-info .ri {
  width: 37.26235741%;
  background: url('../images/pro-details-basic.png') no-repeat bottom right / 80% auto;
  padding: 0 2.5rem;
}
.pro-details-page .p-right .basic-info .ri .ti {
  margin-top: 1.875rem;
  padding-left: 1.875rem;
  font-size: 1.5rem;
  color: #333;
  position: relative;
}
.pro-details-page .p-right .basic-info .ri .ti::after {
  display: block;
  content: "";
  width: 0.375rem;
  height: 1.875rem;
  background-color: #bf1427;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.9375rem;
}
.pro-details-page .p-right .basic-info .ri .list {
  margin-top: 1.25rem;
}
.pro-details-page .p-right .basic-info .ri .list > li {
  display: block;
  height: 2.8125rem;
  line-height: 2.8125rem;
  border-bottom: 1px solid #ededed;
  font-size: 1rem;
  padding: 0;
}
.pro-details-page .p-right .basic-info .ri .list > li:last-child {
  border: none;
}
.pro-details-page .p-right .basic-info .ri .list > li::after {
  display: block;
  clear: both;
  content: "";
}
.pro-details-page .p-right .basic-info .ri .list > li .n {
  width: 6.875rem;
  color: #666;
  float: left;
}
.pro-details-page .p-right .basic-info .ri .list > li .c {
  float: left;
  color: #333;
}
.pro-details-page .p-right .basic-lb {
  margin-top: 1.25rem;
}
.pro-details-page .p-right .basic-lb .item {
  border: 1px #ededed solid;
}
.pro-details-page .p-right .basic-lb .item.active {
  border: 1px #bf1427 solid;
}
.pro-details-page .p-right .basic-lb .item.active .s-cir2::after,
.pro-details-page .p-right .basic-lb .item.active .s-cir2::before {
  display: none;
}
.pro-details-page .p-right .mar50 {
  margin-top: 3.125rem;
}
.pro-details-page .p-right .mar50 .con {
  padding: 1.875rem;
}
.pro-details-page .p-right .mar50 .pro-title {
  font-size: 1.75rem;
  color: #333;
  display: block;
  position: relative;
  padding-left: 1.875rem;
}
.pro-details-page .p-right .mar50 .pro-title::after {
  display: block;
  content: '';
  position: absolute;
  width: 0.5625rem;
  height: 2.5rem;
  background-color: #bf1427;
  left: 0;
  top: 50%;
  margin-top: -1.25rem;
}
.pro-details-page .p-right .pages {
  color: #0e0509;
  margin-top: 3.125rem;
}
.pro-details-page .p-right .pages .prev {
  padding-left: 2.5rem;
  position: relative;
}
.pro-details-page .p-right .pages .prev:hover {
  color: #bf1427;
}
.pro-details-page .p-right .pages .prev:hover::after {
  background-image: url('../images/pageprev2.png');
}
.pro-details-page .p-right .pages .prev::after {
  position: absolute;
  display: block;
  content: '';
  left: 0;
  top: 50%;
  background: url('../images/pageprev.png') no-repeat center / 100%;
  width: 1.1875rem;
  height: 0.9375rem;
  margin-top: -0.46875rem;
}
.pro-details-page .p-right .pages .next {
  position: relative;
  padding-right: 2.5rem;
}
.pro-details-page .p-right .pages .next:hover {
  color: #bf1427;
}
.pro-details-page .p-right .pages .next:hover::after {
  background-image: url('../images/pagenext2.png');
}
.pro-details-page .p-right .pages .next::after {
  position: absolute;
  display: block;
  content: '';
  right: 0;
  top: 50%;
  background: url('../images/pagenext.png') no-repeat center / 100%;
  width: 1.1875rem;
  height: 0.9375rem;
  margin-top: -0.46875rem;
}
.a-ti {
  text-align: center;
}
.a-ti .a-title {
  font-size: 5rem;
  color: #ededed;
  line-height: 1.2;
  text-transform: uppercase;
}
.a-ti .a-subtitle {
  font-size: 2rem;
  color: #333;
  line-height: 1.2;
  margin-top: -2.5rem;
}
/*关于我们*/
.about-page .about-bg {
  background-position: center;
  padding-top: 6.25rem;
  padding-bottom: 5.625rem;
}
.about-page .about-bg img {
  width: 100%;
}
.about-page .about-info {
  padding-top: 3.125rem;
  background-size: auto 100%;
  background-position: center;
  padding-bottom: 15rem;
}
.about-page .about-info .bg1,
.about-page .about-info .bg2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding-bottom: 39.58333333%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.about-page .about-info .info {
  margin-top: 3.125rem;
  padding: 2.1875rem;
  background-color: #fff;
  border-radius: 5px;
}
.about-page .about-info .info p {
  font-size: 16px !important;
  color: #333;
}
.about-page .about-ry {
  padding-top: 3.75rem;
  padding-bottom: 5rem;
  background-repeat: no-repeat;
  background-position: center;
}
.about-page .about-ry .ry-main {
  margin: 0 -2.8125rem;
}
.about-page .about-ry .item {
  padding: 0 2.8125rem;
  margin-top: 3.75rem;
}
.about-page .about-ry .item:hover img {
  transform: scale(1.1);
}
.about-page .about-ry .item:hover .item-name {
  color: #bf1427;
}
.about-page .about-ry .item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all 0.5s;
}
.about-page .about-ry .item-name {
  font-size: 1.125rem;
}
.about-page .about-ry .box {
  background-color: #fff;
  overflow: hidden;
}
.about-page .about-ry .s-box2 {
  padding: 0;
}
.about2-page .bq {
  margin-top: 3.75rem;
}
.about2-page .bq em {
  width: 3.75rem;
  height: 3px;
  display: block;
  background-color: #bf1427;
}
.about2-page .bq p {
  color: #bf1427;
  font-size: 1.5rem;
  margin-top: 1.66666667rem;
  letter-spacing: 1px;
}
.about2-page blockquote::before {
  background-color: #bf1427;
}
.about2-page .a-title-big {
  font-size: 8.125rem;
  color: #f5f5f5;
  height: 3.125rem;
  line-height: 6.875rem;
  padding-left: 0.625rem;
  font-weight: bold;
}
.about2-page .a-title {
  font-size: 2.5rem;
  letter-spacing: 7px;
  color: #333333;
}
.about2-page .about-jiashao {
  position: relative;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 30% auto;
}
.about2-page .about-jiashao .about-img {
  position: absolute;
  right: 0;
  top: 6.875rem;
  width: 50%;
}
.about2-page .about-jiashao .about-img img {
  width: 100%;
  height: auto;
}
.about2-page .about-jiashao .left {
  padding-right: 5rem;
}
.about2-page .about-jiashao .left .text {
  width: 100%;
  height: 345px;
  margin-top: 3rem;
  overflow: auto;
}
.about2-page .about-jiashao .left .text::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
.about2-page .about-jiashao .left .text::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 8px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #bf1427;
}
.about2-page .about-jiashao .left .text::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  background: #aaaaaa;
}
.about2-page .about-jiashao .left .op-wrap {
  margin-top: 3.125rem;
}
.about2-page .about-jiashao .left .op-wrap .item {
  line-height: 40px;
  color: #aaaaaa;
  text-align: center;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.about2-page .about-jiashao .left .op-wrap .item:not(:last-child) {
  border-right: 1px #f7f7f7 solid;
}
.about2-page .about-jiashao .left .op-wrap .item img {
  max-width: 20%;
  padding-right: 5px;
}
.about2-page .about-jiashao .left .op-wrap .item img:first-child {
  display: inline-block;
}
.about2-page .about-jiashao .left .op-wrap .item img:last-child {
  display: none;
}
.about2-page .about-jiashao .left .op-wrap .item.active {
  background-color: #2ac95f;
  background-image: -webkit-gradient(linear, left top, right top, from(#2ac95f), to(#6dd287));
  background-image: linear-gradient(to right, #2ac95f, #6dd287);
  color: #ffffff;
}
.about2-page .about-jiashao .left .op-wrap .item.active img:first-child {
  display: none;
}
.about2-page .about-jiashao .left .op-wrap .item.active img:last-child {
  display: inline-block;
}
.about2-page .about-jiashao .left .op-text {
  margin-top: 1.875rem;
}
.about2-page .about-jiashao .left .op-text p {
  font-size: 1.125rem;
}
.about2-page .about-jiashao .left .op-text p:not(:first-child) {
  display: none;
}
.about2-page .about-js-gs {
  padding: 3.75rem 0;
  background: url("../images/gshj-bg.png") no-repeat right bottom;
  background-color: #fafafa;
  background-size: auto;
}
.about2-page .about-js-gs .po {
  position: relative;
}
.about2-page .about-js-gs .ags-sw {
  position: relative;
}
.about2-page .about-js-gs .ags-sw .left img {
  width: 100%;
  object-fit: contain;
}
.about2-page .about-js-gs .ags-sw .right {
  padding-left: 5rem;
}
.about2-page .about-js-gs .ags-sw .right .title {
  margin-top: 250px;
}
.about2-page .sc-bg {
  width: 30.1875rem;
  height: 21.8125rem;
  background-size: 100%;
  position: absolute;
  right: 0;
  bottom: 10px;
}
.about2-page .about-js-gs .top {
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
.about2-page .about-js-gs .top .right {
  padding-left: 5rem;
}
.about2-page .about-js-gs .top .sub-title {
  color: #aaaaaa;
  font-size: 0.875rem;
}
.about2-page .about-js-gs .page {
  width: 7.5rem;
  height: 2.8125rem;
  position: absolute;
  bottom: 20px;
  margin: 0 auto;
}
.about2-page .about-js-gs .page .ags-next,
.about2-page .about-js-gs .page .ags-prev {
  color: #aaaaaa;
  border-radius: 50%;
  border: 1px solid #aaaaaa;
  width: 2.5rem;
  height: 2.5rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.about2-page .about-js-gs .page .ags-next:hover,
.about2-page .about-js-gs .page .ags-prev:hover {
  color: #ffffff;
  background-color: #bf1427;
  border: 1px solid #bf1427;
}
.about2-page .about-js-gs .page .ags-next::after,
.about2-page .about-js-gs .page .ags-prev::after {
  font-size: 1.75rem;
}
@media (max-width: 760px) {
  .about2-page .a-title {
    font-size: 1.5rem;
  }
  .about2-page .a-title-big {
    font-size: 5rem;
    height: 3.125rem;
    line-height: 6.875rem;
    padding-left: 0.625rem;
    font-weight: bold;
  }
  .about2-page blockquote::before {
    bottom: auto;
    padding: 0.25em 0;
    height: 25px;
    top: 10px;
  }
  .about2-page .about-jiashao {
    padding-top: 10px;
  }
}
/*生产*/
.quality-page {
  overflow: hidden;
}
.quality-page .pt {
  padding-top: 4.375rem;
}
.quality-page .padd {
  padding-left: 4.375rem;
  padding-right: 4.375rem;
}
.quality-page .a-ti {
  text-align: left;
}
.quality-page .inspection {
  height: 43.75rem;
}
.quality-page .inspection .left {
  padding-right: 3.125rem;
}
.quality-page .inspection .left em {
  display: block;
  width: 30px;
  height: 2px;
  margin-top: 3.4375rem;
  background-color: #bf1427;
}
.quality-page .inspection .left .desc {
  margin-top: 2.875rem;
  font-size: 1rem;
}
.quality-page .inspection .left .q-info {
  margin-top: 5.625rem;
  display: flex;
  align-items: center;
}
.quality-page .inspection .left .q-info-kf {
  width: 10.5rem;
  height: 3rem;
  position: relative;
}
.quality-page .inspection .left .q-info-kf .n1 {
  background-color: #f8e7e9;
  width: 10.5rem;
  height: 3rem;
  border-radius: 3rem;
  position: relative;
  z-index: 1;
}
.quality-page .inspection .left .q-info-kf .n2 {
  background-color: #a60003;
  width: 9.25rem;
  height: 2.375rem;
  border-radius: 3rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quality-page .inspection .left .q-info-kf .re-text {
  padding-left: 2.5rem;
  position: relative;
  display: inline-block;
  color: #fff;
}
.quality-page .inspection .left .q-info-kf .re-text::after {
  display: block;
  content: "";
  width: 1.8125rem;
  height: 1.9375rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url('../images/reason-kf.png');
  background-size: 100%;
}
.quality-page .inspection .left .q-info-tel {
  margin-left: 1.125rem;
  font-size: 1.375rem;
  color: #333;
}
.quality-page .inspection .left .q-info-tel > p {
  padding-left: 2.875rem;
  letter-spacing: 1px;
  position: relative;
}
.quality-page .inspection .left .q-info-tel > p::after {
  display: block;
  content: "";
  width: 1.8125rem;
  height: 1.8125rem;
  background-image: url('../images/reason-tel.png');
  background-size: 100%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
.quality-page .inspection .left .sw {
  margin-top: 4.375rem;
}
.quality-page .inspection .left .pti {
  margin-top: 1.875rem;
  font-size: 1rem;
  color: #bf1427;
}
.quality-page .inspection .left .pdesc {
  margin-top: 0.625rem;
  font-size: 1rem;
  color: #666;
}
.quality-page .inspection .right {
  height: 100%;
  position: relative;
}
.quality-page .inspection .right .right-box {
  width: 100vw;
  height: 100%;
}
.quality-page .inspection .right .item img {
  height: 43.75rem;
}
.quality-page .inspection.second .right-box {
  position: absolute;
  right: 0;
  top: 0;
}
.quality-page .inspection.second .item .box {
  float: right;
}
.quality-page .inspection.second .left {
  padding-right: 0;
  padding-left: 3.125rem;
}
.contact-page .list {
  padding-top: 5.625rem;
}
.contact-page .list .item {
  padding: 0 1.0625rem;
}
.contact-page .list .item:hover .cbox::after {
  width: 100%;
}
.contact-page .list .item:hover .cinfo {
  color: #bf1427;
}
.contact-page .list .cbox {
  height: 6.25rem;
  border-bottom: 1px #eeeeee solid;
  position: relative;
  padding-left: 0.375rem;
}
.contact-page .list .cbox img {
  height: 80%;
}
.contact-page .list .cbox::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #bf1427;
  content: "";
  display: block;
  transition: all 0.5s;
}
.contact-page .list .cname {
  margin-top: 0.9375rem;
  font-size: 1rem;
  color: #999;
}
.contact-page .list .cinfo {
  font-size: 1rem;
  color: #333;
}
.contact-page .map-box {
  margin-top: 5.625rem;
  margin-bottom: 4.875rem;
}
.contact-page .contact-liuyan .top-title {
  font-size: 2.5rem;
  line-height: 1.875rem;
}
.contact-page .contact-liuyan .form {
  margin-top: 4.375rem;
}
.contact-page .contact-liuyan label {
  width: auto !important;
  padding-left: 1.25rem !important;
  letter-spacing: 3px;
  color: #666;
}
.contact-page .contact-liuyan label img {
  height: 30px;
  padding-right: 1rem;
}
.contact-page .contact-liuyan textarea {
  height: 9.0625rem;
}
.contact-page .contact-liuyan .label-op::after {
  opacity: 0;
}
.contact-page .contact-liuyan .button {
  padding-left: 2.8125rem;
  padding-right: 2.875rem;
}
.contact-page .contact-liuyan .form .input-group,
.contact-page .contact-liuyan .form fieldset > .input-group {
  margin-bottom: 2.5rem;
}
@media (max-width: 990px) {
  .zy-wrap .zy-left .more {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .pro-wrap .pro-container {
    padding: 0 20px;
  }
  .pro-wrap .pro-con-m {
    padding-top: 20px;
    width: 100%;
    border-right: none;
  }
  .pro-wrap .pro-con-m .right {
    padding-left: 20px;
    padding-right: 0;
  }
  .reason-wrap .reason-right {
    width: 42%;
    top: -20px;
    border-width: 7px;
  }
  .reason-wrap .reason-con {
    padding-left: 0px;
  }
  .reason-wrap .reason-list .item {
    margin-top: 15px;
  }
  .reason-wrap .bot-bg {
    width: 100vw;
  }
  .about-wrap .about-main-left {
    padding-left: 30px;
  }
  .about-wrap .about-main {
    margin-top: 40px;
    padding-top: 40px;
    border-top-left-radius: 50px;
  }
  .about-wrap .about-main-right {
    padding-left: 10px;
  }
  .about-wrap .about-main-left .about-js {
    height: auto;
  }
  .service-wrap .service-list .item {
    flex: 0 0 120px;
    margin-right: 10px;
    height: 320px;
  }
  .service-wrap .service-list .item.active .item-box {
    bottom: 105px;
    width: 100%;
  }
  .service-wrap .service-list .item-box .se-desc {
    width: 100%;
  }
  .service-wrap .service-title {
    font-size: 28px;
    letter-spacing: 2px;
  }
  .news-wrap .news-list-item .i-bot .item {
    height: 120px;
  }
  .news-wrap .news-list-item .i-bot .item .left {
    flex: 0 0 110px;
  }
  .news-wrap .news-list-item .i-top {
    flex-wrap: wrap;
  }
  .news-wrap .news-list-item .i-top-width {
    width: 48%;
    margin-top: 20px;
  }
  .news-wrap .news-main-right {
    margin-top: 20px;
  }
  .news-wrap .news-list {
    margin-top: 20px;
  }
  .pro-list-page .top .right .info {
    margin-top: 20px;
  }
  .pro-list-page .top .left {
    width: 100%;
  }
  .pro-list-page .top .right {
    width: 100%;
    padding: 15px 0 0 0;
  }
  .pro-list-page .top .right .bot {
    position: relative;
    bottom: auto;
    margin-top: 15px;
  }
  .pro-list-page .top .right .bot-p {
    letter-spacing: 10px;
  }
  .pro-list-page .top .right .info-tel > p {
    white-space: nowrap;
  }
  .pro-list-page .pnav {
    margin-top: 10px;
  }
  .pro-list-page .pnav .item,
  .pro-list-page .pnav .name {
    margin: 10px;
  }
  .pro-list-page .pnav {
    height: auto;
    padding: 10px 0;
  }
  .quality-page .inspection .left .q-info-tel > p {
    white-space: nowrap;
  }
  .pro-details-page .p-right .basic-info .le {
    width: 100%;
  }
  .pro-details-page .p-right .basic-info .ri {
    width: 100%;
    padding-bottom: 30px;
  }
  .contact-page .list .item {
    margin-top: 20px;
  }
  .protop-wrap {
    margin-top: 40px;
  }
}
@media (max-width: 760px) {
  .search-wrap .left {
    padding-left: 0;
  }
  .search-wrap {
    padding-top: 10px;
    padding-bottom: 10px;
    height: auto;
  }
  .search-wrap .right {
    justify-content: center;
    margin-top: 10px;
  }
  .search-wrap .right .ss {
    width: 90vw;
  }
  .search-wrap .right .ss-input {
    width: 80%;
  }
  .zy-wrap {
    padding-top: 30px;
  }
  .zy-wrap .zy-left > h3 {
    font-size: 24px !important;
  }
  .protop-wrap {
    margin-top: 30px;
    height: 170px;
  }
  .pro-wrap .pro-top {
    padding-left: 0;
  }
  .pro-wrap .pro-container {
    padding: 0;
  }
  .pro-wrap .pro-con-m .left {
    width: 100%;
  }
  .pro-wrap .pro-con-m .right {
    width: 100%;
    border: none;
    padding-left: 0;
  }
  .pro-wrap .pro-con-m .right .bot-p {
    letter-spacing: 8px;
  }
  .pro-wrap .pro-con-m .right .bot {
    position: relative;
    margin-top: 20px;
  }
  .pro-wrap .pro-con-m .right .more {
    margin-top: 15px;
  }
  .pro-wrap .pro-lb {
    margin-top: 20px;
  }
  .pro-list-page .pnav .plist {
    display: inline;
    margin-left: auto;
  }
  .pro-list-page .pnav .name {
    display: inline;
  }
  .service-wrap .service-bot .info {
    width: 100%;
  }
  .service-wrap .service-bot .info-left {
    width: 100%;
  }
  .reason-wrap .reason-list .item {
    width: 45%;
    margin-right: 0;
  }
  .reason-wrap .reason-list .grid {
    justify-content: space-between;
  }
  .service-wrap .service-list {
    display: flex;
    overflow-x: auto;
  }
  .service-wrap .service-list .item,
  .service-wrap .service-list .item.active {
    width: 75vw;
    height: 60vw;
    flex: none;
  }
  .service-wrap .service-list .item.active .item-box {
    bottom: 6vw;
  }
  .service-wrap .service-title {
    font-size: 20px;
  }
  .reason-wrap .reason-right {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    margin-top: 10px;
  }
  .reason-wrap .reason-info-tel > p {
    white-space: nowrap;
  }
  .reason-wrap .reason-info {
    margin-top: 20px;
  }
  .reason-wrap .reason-list {
    margin-top: 15px;
  }
  .reason-wrap .left-bg {
    width: 150px;
  }
  .news-wrap .news-list-item .i-top-width .s-box11 {
    padding-bottom: 160%;
  }
  .news-wrap .news-list-item .i-bot .item {
    width: 100%;
  }
  .news-wrap .news-list-item .i-top .po .day {
    font-size: 30px;
  }
  .news-list-page {
    padding-top: 20px;
  }
  .news-list-page .top {
    margin: 0;
  }
  .news-list-page .top .item {
    margin-top: 15px;
  }
  .news-list-page .top .box {
    padding: 0;
  }
  .news-list-page .mid .item {
    display: block;
    padding: 10px 0;
  }
  .news-list-page .mid .item .right {
    padding: 0;
  }
  .news-list-page .mid .item .right .more {
    margin-top: 20px;
  }
  .news_details-page {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .a-ti .a-title {
    font-size: 3.125rem;
    color: #ededed;
    line-height: 1.2;
    text-transform: uppercase;
  }
  .a-ti .a-subtitle {
    font-size: 1.5rem;
    color: #333;
    line-height: 1.2;
    margin-top: -1.25rem;
  }
  .about-page .about-info {
    padding-bottom: 60px;
  }
  .about-page .about-bg {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .about-page .about-ry .item {
    padding: 0 10px;
  }
  .about-page .about-ry .ry-main {
    margin: 0;
  }
  .quality-page .inspection {
    height: auto;
  }
  .quality-page .inspection .right .right-box {
    width: 100%;
    height: auto;
  }
  .quality-page .inspection .right .item img {
    width: 100%;
    height: auto;
  }
  .quality-page .inspection .left {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .quality-page .inspection.second .left {
    order: 1;
  }
  .quality-page .inspection.second .right {
    margin-top: 20px;
    order: 2;
  }
  .quality-page .inspection.second .right-box {
    position: relative;
  }
  .quality-page .inspection .left .q-info {
    margin-top: 30px;
  }
  .quality-page .inspection .left {
    padding-top: 30px;
  }
  .pro-details-page {
    padding-top: 30px;
  }
  .pro-details-page .s-home-nav {
    line-height: 35px;
  }
  .pro-details-page .p-left {
    width: 100%;
  }
  .pro-details-page .p-right {
    width: 100%;
    padding-left: 0;
    border: none;
  }
  .pro-details-page .p-right .basic-info .ri .ti {
    font-size: 18px;
  }
  .pro-details-page .p-right .mar50 .pro-title {
    font-size: 20px;
  }
  .pro-details-page .p-right .mar50 .pro-title::after {
    height: 30px;
    margin-top: -15px;
    width: 6px;
  }
  .contact-page .list {
    padding-top: 20px;
  }
  .about-page .about-ry {
    padding-top: 10px;
  }
  .about2-page .about-jiashao .left {
    padding-right: 0;
  }
  .about2-page .about-js-gs .ags-sw .right .title {
    margin-top: 30px;
  }
  .about2-page .about-js-gs .ags-sw .right {
    padding-left: 0%;
  }
  .about2-page .about-js-gs .page {
    position: relative;
    bottom: 0;
  }
  .about2-page .about-js-gs .top {
    position: relative;
  }
  .about2-page .about-js-gs .top .right {
    padding-left: 0;
  }
  .about2-page .about-js-gs {
    padding-top: 0rem;
  }
  .contact-page .contact-liuyan .top-title {
    font-size: 22px;
  }
  .contact-page .contact-liuyan label {
    padding-left: 0 !important;
  }
}