@charset "UTF-8";

@media (min-width: 768px) {
  html {
    font-size: 28px !important;
  }
}

@media (min-width: 1025px) {
  ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  ::-webkit-scrollbar-track {
    background: #fff;
  }

  ::-webkit-scrollbar-thumb {
    background: #f2c31c;
    /*border-radius: 4px;*/
  }

  ::-webkit-scrollbar-thumb:window-inactive {
    background: #f2c31c;
  }

  ::-webkit-scrollbar-thumb:vertical:hover {
    background: #f2c31c;
  }

  html {
    font-size: 30px !important;
  }

  body {
    -ms-overflow-style: scrollbar;
  }
}

@media (min-width: 1440px) {
  html {
    font-size: 34px !important;
  }
}

@media (min-width: 1680px) {
  html {
    font-size: 40px !important;
  }
}


/* 重置表单样式 */

select::-ms-expand {
  display: none;
}

input,
select,
textarea {
  box-shadow: none;
  outline: none;
  border: none;
  border-radius: 0;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding: 0;
}

textarea {
  resize: none;
}

select::-ms-expand {
  display: none;
}


/* 更改placeholder颜色 */

input::-webkit-input-placeholder {
  color: #888;
}

input:-moz-placeholder {
  color: #888;
}

input::-moz-placeholder {
  color: #888;
}

input:-ms-input-placeholder {
  color: #888;
}

textarea::-webkit-input-placeholder {
  color: #888;
}

textarea:-moz-placeholder {
  color: #888;
}

textarea::-moz-placeholder {
  color: #888;
}

textarea:-ms-input-placeholder {
  color: #888;
}

.mian {
  margin-top: 4.2rem;
}

.neibanner {
  position: relative;
  overflow: hidden;
}

.neibanner img {
  width: 100%;
}

.industry-list {
  padding-bottom: 3rem;
  background-color: #f7f7f7;
}

.indu-nav {
  position: relative;
  height: 1.75rem;
  line-height: 1.75rem;
  font-size: 0;
  overflow: hidden;
}

.indu-nav:before {
  position: absolute;
  bottom: 0px;
  width: 73%;
  height: 2px;
  background-color: #999;
  content: "";
  left: 0;
}

.indu-nav:after {
  position: absolute;
  bottom: 0px;
  width: 27%;
  height: 2px;
  background-color: #f2c31c;
  content: "";
  right: 0;
}

.indu-nav a {
  display: inline-block;
  vertical-align: middle;
  color: #999999;
  font-size: 0.4rem;
  margin-right: 0.5rem;
  position: relative;
  transition: all 0.3s;
}

.indu-nav a:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "/";
  font-size: 0.4rem;
  right: -0.35rem;
  color: #999;
}

.indu-nav a:last-child:after {
  display: none
}

.indu-nav a img {
  display: inline-block;
  width: 0.4rem;
  vertical-align: middle;
  margin-right: 0.2rem;
}

.indu-nav a.cur {
  color: #f2c31c
}

.industry-list .title {
  font-size: 1.2rem;
  color: #333333;
  text-align: center;
  margin-top: 1rem;
  line-height: 1;
}

.industry-ul {
  margin-top: 1.1rem;
}

.industry-ul h1 {
  font-size: 0.575rem;
  text-align: center;
}

.industry-ul li {
  float: left;
  width: 23.8%;
  margin-right: 1.6%;
  margin-bottom: 0.8rem;
}

.industry-ul li:nth-child(4n) {
  margin-right: 0
}

.industry-ul li .img {
  position: relative;
  overflow: hidden
}

.industry-ul li .img img {
  width: 100%;
}

.industry-ul li .img .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden
}

.industry-ul li .img .mask img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.5rem;
}

.industry-ul li .text {
  padding: 0.9rem 1.3rem 0.9rem 0.75rem;
  position: relative;
  background-color: #fff;
  transition: all 0.3s;
}

.industry-ul li .text .name {
  font-size: 0.6rem;
  line-height: 1;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.industry-ul li .text .con-p {
  font-size: 0.4rem;
  color: #666666;
  line-height: 0.6rem;
  margin-top: 0.25rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 1.2rem;
}

.industry-ul li .text .more {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.6rem;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  background-color: #f2c31c;
  transition: all 0.3s;
  background-repeat: no-repeat;
  background-size: 4px;
  background-position: center;
  background-image: url(../img/more.png);
}

.indu-mian {
  margin-top: 1.1rem;
}

.indu-img-right {
  float: right;
  width: 27%;
}

.indu-img-right .img {
  position: relative;
  overflow: hidden;
  margin-bottom: 0.9rem;
}

.indu-img-right .img img {
  width: 100%;
}

.indu-img-right .img .text-pro {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  text-align: center
}

.indu-img-right .img .text-pro .name {
  font-size: 0.7rem;
  line-height: 1;
  color: #ffffff;
}

.indu-img-right .img .text-pro .more {
  display: inline-block;
  margin-top: 0.5rem;
  height: 0.8rem;
  line-height: 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 0.4rem;
  padding: 0 0.5rem 0 1rem;
  background-position: 0.5rem center;
  background-size: 0.4rem;
  background-image: url(../img/more1.png);
  background-repeat: no-repeat;
  color: #fff;
}

.indu-img-right .tit-xg {
  padding-top: 0.4rem;
  border-top: 2px solid #999;
  font-size: 0.6rem;
  line-height: 0.7rem;
  color: #333;
  background-size: 0.5rem;
  background-position: right 0.5rem;
  background-repeat: no-repeat;
  background-image: url(http://en.galaxis-tech.com/bocstatic/web/css/../img/j-tou.png);
  transition: all 0.3s;
}

.indu-img-right .tit-xg:hover {
  color: #f2c31c;
  background-image: url(http://en.galaxis-tech.com/bocstatic/web/css/../img/j-tou1.png);
}

.indu-img-right .xg-ul {
  margin-top: 0.4rem;
}

.indu-img-right .xg-ul li {
  border: 1px solid #d0d0d0;
  margin-bottom: 0.25rem;
  padding: 0.5rem 2rem 0.5rem 0.9rem;
  position: relative
}

.indu-img-right .xg-ul li .name1 {
  font-size: 0.5rem;
  line-height: 0.6rem;
  color: #333333;
}

.indu-img-right .xg-ul li .con-p {
  font-size: 0.3rem;
  color: #333;
  opacity: 0.5;
  line-height: 0.45rem;
  margin-top: 0.4rem;
}

.indu-img-right .xg-ul li .more1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.6rem;
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  background-color: #f2c31c;
  transition: all 0.3s;
  background-repeat: no-repeat;
  background-size: 4px;
  background-position: center;
  background-image: url(../img/more.png);
}

.indu-mian .left {
  float: left;
  width: 69%;
}

.indu-mian .left .top {
  position: relative
}

.indu-mian .left .top .tit-btn {
  cursor: pointer;
  transition: all 0.3s;
  font-size: 1.2rem;
  color: #333333;
  padding-right: 1.5rem;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 17px;
  background-image: url(../img/down1.png);
  display: inline-block;
  position: relative;
}

.indu-mian .left .top .tit-btn .hover-divse {
  position: absolute;
  top: 1.85rem;
  left: 0;
  display: none;
  white-space: nowrap;
  line-height: 0.7rem;
}

.indu-mian .left .top .tit-btn .hover-divse a {
  font-size: 0.55rem;
  color: #333;
  transition: all 0.3s;
}

.indu-mian .left .top .tit-btn1 {
  font-size: 1.2rem;
  color: #333333;
  line-height: 1;
}

.indu-mian .left .con1 {
  font-size: 0.5rem;
  color: #333333;
  line-height: 0.9rem;
  margin-top: 1rem;
  padding-bottom: 2.25rem;
  border-bottom: 1px solid #d0d0d0
}

.indu-mian .left .tit-1 {
  font-size: 0.75rem;
  color: #333333;
  margin-top: 0.75rem;
  line-height: 0.8rem;
}

.indu-mian .left .con2 {
  margin-top: 0.6rem;
  border-top: 2px solid #999;
  background-color: #fff;
  padding: 1.5rem 1.1rem;
  font-size: 0.5rem;
  color: #333333;
  line-height: 1.1rem;
}

.indu-mian .left .con2 .newadd1 {
  font-size: 0.6rem;
  color: #333333;
  line-height: 0.8rem;
  margin-top: 1.25rem;
  padding-top: 0.75rem;
  border-top: 1px solid #999999
}

.indu-mian .left .con2 .newadd2 {
  margin-top: 0.75rem;
}

.indu-mian .left .con2 .newadd3 {
  margin-top: 0.75rem;
  padding: 0 0.75rem;
}

.indu-mian .left .con2 .newadd2 li {
  float: left;
  width: 48%;
  margin-right: 4%;
  border: 1px solid #d0cfcd;
  box-sizing: border-box;
  margin-bottom: 0.75rem;
  border-radius: 10px;
}

.indu-mian .left .con2 .newadd2 li:nth-child(2n) {
  margin-right: 0
}

.indu-mian .left .con2 .newadd2 li .new-p {
  padding: 0.75rem 1rem;
}

.indu-mian .left .con2 .newadd2 li .new-p .new-img {
  float: left;
  width: 1.75rem;
}

.indu-mian .left .con2 .newadd2 li .new-p .new-img img {
  width: 100%;
}

.indu-mian .left .con2 .newadd2 li .new-p .new-p1 {
  float: right;
  width: calc(100% - 2rem);
  font-size: 0.45rem;
  color: #666666;
  line-height: 0.6rem;
}

.indu-mian .left .con2 .newadd2 li .new-p .new-p1 .p1 {
  font-size: 0.6rem;
  line-height: 1;
  color: #333333;
  margin-bottom: 0.4rem;
}

.indu-mian .left .con2 .newadd3 li {
  float: left;
  width: 48%;
  margin-right: 4%;
  margin-bottom: 0.5rem;
  font-size: 0.5rem;
  color: #333333;
  line-height: 0.6rem;
}

.indu-mian .left .con2 .newadd3 li:nth-child(2n) {
  margin-right: 0
}

.indu-mian .left .con2 .newadda {
  margin-top: 0.75rem;
}

.indu-mian .left .con2 .newadda a {
  display: block;
  float: left;
  width: 30%;
  margin-right: 5%;
  margin-bottom: 0.5rem;
  height: 2.5rem;
  border: 1px solid #dcdcdc;
  background-color: #f5f5f5;
  box-sizing: border-box;
  position: relative;
  transition: all 0.3s;
}

.indu-mian .left .con2 .newadda a:hover {
  background-color: #f2c31c;
  border: 1px solid #f2c31c
}

.indu-mian .left .con2 .newadda a span {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.5rem;
  line-height: 0.6rem;
  color: #333;
  width: 80%;
  text-align: center;
}

.indu-mian .left .con2 .newadda a:nth-child(3n) {
  margin-right: 0;
}

.indu-mian .left .con2 i {
  display: inline-block;
  width: 13px;
  height: 14px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/more3.png);
  margin-right: 0.2rem;
}

.indu-mian .left .con3 {
  margin-top: 0.6rem;
  border-top: 2px solid #999;
  background-color: #fff;
  font-size: 0.5rem;
  color: #333333;
  line-height: 1.1rem;
  position: relative
}

.indu-mian .left .con3 i {
  display: inline-block;
  width: 13px;
  height: 14px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/more3.png);
  margin-right: 0.2rem;
}

.indu-mian .left .con3 .p-left {
  float: left;
  width: calc(61.4% - 2.2rem);
  padding: 1.5rem 1.1rem;
}

.indu-mian .left .con3 .p-img {
  float: right;
  width: 38.6%;
  overflow: hidden
}

.indu-mian .left .con3 .p-img img {
  width: 100%;
}

.indu-mian .solve-img {
  margin-top: 1.1rem;
  overflow: hidden
}

.indu-mian .solve-img img {
  width: 100%;
}

.indu-mian .solve-p {
  font-size: 0.6rem;
  color: #333333;
  margin-top: 0.9rem;
  line-height: 0.9rem;
  padding-bottom: 0.9rem;
  border-bottom: 1px solid #d0d0d0
}

.indu-mian .solve-swiper {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid #d0d0d0;
  position: relative;
  overflow: hidden;
  padding-bottom: 0.5rem;
}

.indu-mian .solve-swiper .swiper-slide {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  position: relative;
  transition: all 0.3s;
  top: 0;
}

.indu-mian .solve-swiper .swiper-slide .img {
  overflow: hidden;
  position: relative;
}

.indu-mian .solve-swiper .swiper-slide .img img {
  width: 100%;
}

.indu-mian .solve-swiper .swiper-slide .img .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
}

.indu-mian .solve-swiper .swiper-slide .img .mask img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.5rem;
}

.indu-mian .solve-swiper .swiper-slide .text {
  padding: 0.9rem 0.75rem 1.75rem 0.75rem;
  position: relative;
  background-color: #fff;
  transition: all 0.3s;
}

.indu-mian .solve-swiper .swiper-slide .text .name {
  font-size: 0.45rem;
  line-height: 1;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.3s;
}

.indu-mian .solve-swiper .swiper-slide .text .con-p {
  font-size: 0.35rem;
  color: #999;
  line-height: 0.45rem;
  margin-top: 0.25rem;
  height: 0.9rem;
}

.indu-mian .solve-swiper .swiper-slide .text .more {
  position: absolute;
  bottom: 0.6rem;
  right: 0.75rem;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background-color: #cccccc;
  transition: all 0.3s;
  background-repeat: no-repeat;
  background-size: 4px;
  background-position: center;
  background-image: url(../img/more.png);
}

.indu-mian .con-info {
  color: #333333;
  font-size: 0.6rem;
  line-height: 0.8rem;
  margin-top: 1rem;
}

.indu-mian .deinfo-siwper {
  margin-top: 1rem;
  position: relative;
  overflow: hidden
}

.indu-mian .deinfo-siwper .swiper-slide {
  position: relative;
  overflow: hidden
}

.indu-mian .deinfo-siwper .swiper-slide img {
  width: 100%;
}

.indu-mian .deinfo-siwper .swiper-slide .text-pro {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 76%;
  text-align: center
}

.indu-mian .deinfo-siwper .swiper-slide .text-pro .pp1 {
  font-size: 1.2rem;
  color: #fefefe;
  line-height: 1;
}

.indu-mian .deinfo-siwper .swiper-slide .text-pro .pp2 {
  font-size: 0.5rem;
  color: #fefefe;
  line-height: 0.75rem;
  margin-top: 0.75rem;
}

.indu-mian .deinfo-siwper .swiper-slide .text-pro .more-btn1 {
  margin-top: 1.25rem;
  font-size: 0.575rem;
  height: 1.5rem;
  line-height: 1.5rem;
  display: inline-block;
  color: #212121;
  background-color: #f3c41c;
  padding: 0 1.5rem 0 0.75rem;
  text-align: left;
  background-repeat: no-repeat;
  background-size: 0.3rem;
  background-position: 86% center;
  background-image: url(../img/more2.png)
}

.indu-mian .deinfo-siwper .deinfo-button-prev,
.indu-mian .deinfo-siwper .deinfo-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  background-color: rgba(255, 255, 255, 0.3);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
  transition: all 0.3s;
  z-index: 10;
  cursor: pointer;
}

.indu-mian .deinfo-siwper .deinfo-button-prev {
  left: 5%;
  background-image: url(../img/prev.png)
}

.indu-mian .deinfo-siwper .deinfo-button-next {
  right: 5%;
  background-image: url(../img/next.png)
}

.industry-list .title.wl-tit {
  margin-top: 1.75rem;
}

.wl-conp {
  font-size: 0.6rem;
  color: #666;
  line-height: 0.9rem;
  margin-top: 0.6rem;
  text-align: center
}

.logis-ul {
  margin-top: 2rem;
}

.logis-ul li {
  float: left;
  width: 24.4%;
  margin-right: 0.8%;
  margin-bottom: 0.75rem;
}

.logis-ul li:nth-child(4n) {
  margin-right: 0;
}

.logis-ul li .tit-b {
  text-align: center;
  font-size: 0.6rem;
  color: #666666;
  line-height: 1.75rem;
  height: 1.75rem;
  background-color: #fff;
  padding: 0 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.3s;
}

.logis-ul li .img {
  overflow: hidden;
}

.logis-ul li .img img {
  width: 100%;
  transition: all 0.3s;
}

.logi-detial {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid #d0d0d0
}

.logi-detial li {
  float: left;
  width: 31.5%;
  margin-right: 2.75%;
  margin-bottom: 0.75rem;
}

.logi-detial li:nth-child(3n) {
  margin-right: 0;
}

.logi-detial li .img {
  overflow: hidden;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15)
}

.logi-detial li .img img {
  width: 100%;
  transition: all 0.3s;
}

.logi-detial li .text-dl {
  padding: 0.5rem 1.25rem 0.6rem 0.3rem;
  border-bottom: 1px solid #d0d0d0;
  position: relative
}

.logi-detial li .text-dl .name2 {
  font-size: 0.45rem;
  color: #333333;
  line-height: 0.6rem;
  transition: all 0.3s;
}

.logi-detial li .text-dl .more {
  position: absolute;
  top: 50%;
  width: 0.75rem;
  height: 0.75rem;
  transform: translateY(-50%);
  background-position: center;
  border-radius: 50%;
  background-color: #cccccc;
  background-repeat: no-repeat;
  background-size: 4px;
  background-image: url(../img/more.png);
  right: 0.6rem;
  transition: all 0.3s;
}

.software-ul {
  margin-top: 2.5rem;
}

.software-ul li {
  float: left;
  width: 18.9%;
  margin-right: 1.375%;
  margin-bottom: 0.75rem;
  transition: all 0.3s;
}

.software-ul li:nth-child(5n) {
  margin-right: 0;
}

.software-ul li .img {
  overflow: hidden;
}

.software-ul li .img img {
  width: 100%;
  transition: all 0.3s;
}

.software-ul li .text-div {
  transition: all 0.3s;
  padding: 0.7rem;
  background-color: #fff;
  text-align: center
}

.software-ul li .text-div .name {
  font-size: 0.5rem;
  line-height: 0.7rem;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.software-ul li .text-div .con-p {
  font-size: 0.4rem;
  color: #666666;
  line-height: 0.6rem;
  margin-top: 0.4rem;
  height: 1.2rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.industry-ul.caseul li .text {
  padding: 0.9rem 0.75rem;
}

.industry-ul.caseul li .text .con-p {
  height: 1.2rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.case-con {
  font-size: 0.55rem;
  color: #333333;
  line-height: 0.9rem;
  margin-top: 1.25rem;
}

.case-ulli {
  margin-top: 2.25rem;
}

.case-ulli li {
  padding: 0.5rem 0.7rem 1.5rem 1.5rem;
  background-color: #fff;
  margin-bottom: 0.5rem;
}

.case-ulli li .left-1 {
  float: left;
  width: 59%;
}

.case-ulli li .left-1 .tit-i {
  font-size: 0.75rem;
  color: #000000;
  padding-top: 1.1rem;
  line-height: 0.8rem;
  position: relative;
  margin-bottom: 0.75rem;
  display: inline-block
}

.case-ulli li .left-1 .tit-i:after {
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #f2c31c;
  content: "";
  left: 0;
  bottom: -8px;
}

.case-ulli li .left-1 .con-i {
  font-size: 0.55rem;
  color: #333333;
  line-height: 0.9rem;
}

.case-ulli li .left-1 .case-more {
  display: inline-block;
  margin-top: 1rem;
  font-size: 0.45rem;
  color: #333;
  height: 1.1rem;
  line-height: 1.1rem;
  padding: 0 1rem 0 0.5rem;
  background-color: #f2c31c;
  background-position: 86% center;
  background-repeat: no-repeat;
  background-size: 0.3rem;
  background-image: url(../img/more2.png)
}

.case-ulli li .right-i {
  float: right;
  width: 36%;
  position: relative;
  padding-top: 1.5rem;
}

.case-ulli li .right-i img {
  width: 100%;
}

.re-swiper-case {
  margin-top: 0.9rem;
  position: relative;
  overflow: hidden
}

.indu-mian .left .top.index-list2 {
  padding: 0
}

.indu-mian .left .top .list2-img-swiper .swiper-slide-prev a {
  padding: 0 .5rem 0 0
}

.indu-mian .left .top .list2-img-swiper .swiper-slide-next a {
  padding: 0 0 0 0.5rem
}

.indu-mian .left .top .list2-img-swiper .swiper-slide-prev .name {
  right: 1rem;
}

.re-swiper-case .swiper-slide {
  overflow: hidden;
}

.re-swiper-case .mask {
  padding: 0.6rem;
  background-color: #fff;
}

.re-swiper-case .mask .img {
  overflow: hidden;
}

.re-swiper-case .mask img {
  width: 100%;
  transition: all 0.3s;
}

.re-swiper-case .mask .tit-o {
  font-size: 0.75rem;
  line-height: 0.8rem;
  color: #000;
  margin-top: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.re-swiper-case .mask .con-y {
  font-size: 0.55rem;
  color: #333333;
  line-height: 0.9rem;
  margin-top: 0.6rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 1.8rem;
}

.re-swiper-case .mask .case-more {
  display: inline-block;
  margin-top: 1rem;
  font-size: 0.45rem;
  color: #333;
  height: 1.1rem;
  line-height: 1.1rem;
  padding: 0 1rem 0 0.5rem;
  background-color: #f2c31c;
  background-position: 86% center;
  background-repeat: no-repeat;
  background-size: 0.3rem;
  background-image: url(../img/more2.png)
}

.banner-swiper {
  position: relative;
  overflow: hidden;
  height: 25rem;
}

.banner-swiper .swiper-slide {
  position: relative;
  height: 100%;
}

.banner-swiper .swiper-slide .pc-bkimg,
.banner-swiper .swiper-slide .pho-bkimg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
}

.banner-swiper .swiper-slide .pho-bkimg {
  display: none
}

.banner-swiper .swiper-slide video {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  display: inline-block;
  vertical-align: baseline;
}

.banner-swiper .banner-pagination {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  bottom: 1.1rem;
  z-index: 20
}

.banner-swiper .banner-pagination span {
  width: 16px;
  display: inline-block;
  background-color: #fff;
  margin-right: 18px;
  height: 16px;
  transition: all 0.3s;
}

.banner-swiper .banner-pagination span.swiper-pagination-bullet-active {
  background-color: #f2c31c;
}

.banner-swiper .text-pro {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  text-align: center;
  z-index: 10
}

.banner-swiper .text-pro .img {
  width: 100%;
  overflow: hidden
}

.banner-swiper .text-pro img {
  max-width: 100%;
}

.banner-swiper .text-pro .name {
  font-size: 1rem;
  line-height: 1;
  color: #fff;
  margin-top: 0.2rem;
}

.index-list1 {
  padding: 3.5rem 0 3rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center
}

.index-list1 .title {
  font-size: 1rem;
  line-height: 1.25;
  color: #222;
}

.index-list1 .con-p {
  margin-top: 1.2rem;
  line-height: 0.95rem;
  font-size: 0.575rem;
  color: #333333
}

.index-list1 .more-btn {
  margin-top: 1.5rem;
  font-size: 0.575rem;
  height: 1.5rem;
  line-height: 1.5rem;
  display: inline-block;
  color: #212121;
  background-color: #f3c41c;
  padding: 0 1.5rem 0 0.75rem;
  text-align: left;
  background-repeat: no-repeat;
  background-size: 0.3rem;
  background-position: 86% center;
  background-image: url(../img/more2.png)
}

.index-list1 .inul1 {
  margin-top: 1.5rem;
  font-size: 0;
  text-align: center
}

.index-list1 .inul1 li {
  display: inline-block;
  vertical-align: top;
  margin: 0 2rem;
}

.index-list1 .inul1 li .ico {
  width: 2.2rem;
  margin: 0 auto 0.6rem;
}

.index-list1 .inul1 li .ico img {
  width: 100%;
}

.index-list1 .inul1 li .name {
  font-size: 0.575rem;
  color: #333333;
  line-height: 0.6rem;
}

.index-list1 .inul1 li .num {
  font-size: 1.2rem;
  color: #f2c31c;
  line-height: 1;
  margin-top: 0.25rem;
}

.index-list1 .inul1 li .nuz {
  font-size: 2.1rem;
  display: inline-block;
  vertical-align: text-bottom;
  font-family: "BEBAS";
}

.index-list2 {
  padding: 2.5rem 0 2.75rem;
  background-color: #f7f7f7
}

.index-list2 .ulli2 {
  font-size: 0;
  text-align: center;
  white-space: nowrap;
  overflow-x: auto;
}

.index-list2 .ulli2 li {
  display: inline-block;
  font-size: 0.575rem;
  color: #333;
  margin-right: 1.25rem;
}

.index-list2 .ulli2 li:last-child {
  margin-right: 0;
}

.index-list2 .ulli2 li img {
  width: 0.9rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.25rem;
}

.index-list2 .list2-img-swiper {
  margin-top: 1.75rem;
  position: relative;
  overflow: hidden
}

.index-list2 .list2-img-swiper .swiper-slide {
  position: relative;
}

.index-list2 .list2-img-swiper .swiper-slide img {
  width: 100%;
}

.index-list2 .list2-img-swiper .swiper-slide .name {
  font-size: 0.575rem;
  color: #fff;
  position: absolute;
  bottom: 0.75rem;
  right: 0.75rem;
  width: calc(100% - 1.5rem);
  line-height: 0.6rem;
  z-index: 10;
  text-align: right;
}

.index-list2 .list2-img-swiper .swiper-slide-prev .name {
  right: calc(1.5rem + 0.75rem)
}

.index-list2 .list2-img-swiper .list2-button-prev,
.index-list2 .list2-img-swiper .list2-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  background-color: rgba(255, 255, 255, 0.5);
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 10
}

.index-list2 .list2-img-swiper .swiper-slide a {
  padding: 0 1.5rem;
  display: block
}

.index-list2 .list2-img-swiper .swiper-slide-prev a {
  padding: 0 1.5rem 0 0;
}

.index-list2 .list2-img-swiper .swiper-slide-next a {
  padding: 0 0 0 1.5rem;
}

.index-list2 .list2-img-swiper .swiper-slide-active a {
  padding: 0;
}

.index-list2 .list2-img-swiper .swiper-wrapper {
  align-items: flex-end;
}

.index-list2 .list2-img-swiper .list2-button-prev {
  left: 0;
  background-image: url(../img/prev.png)
}

.index-list2 .list2-img-swiper .list2-button-next {
  right: 0;
  background-image: url(../img/next.png)
}

.index-list2 .list2-pagetion {
  position: relative;
  margin-top: 1.5rem;
  text-align: center;
  font-size: 0;
  line-height: 1
}

.index-list2 .list2-pagetion span {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin: 0 10px;
  background-color: #dddddd;
  transition: all 0.3s;
}

.index-list2 .list2-pagetion span.swiper-pagination-bullet-active {
  background-color: #f2c31c;
}

.index-list3 {
  position: relative;
  overflow: hidden
}

.index-list3 .swiper-slide {
  position: relative;
}

.index-list3 .swiper-slide img {
  width: 100%;
}

.index-list3 .text-pro {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  text-align: center;
  z-index: 10;
  color: #fff
}

.index-list3 .text-pro .tit-a {
  font-size: 1rem;
  line-height: 1;
}

.index-list3 .text-pro .con-a {
  font-size: 0.575rem;
  line-height: 0.9rem;
  margin-top: 1rem;
}

.index-list3.re-swiper-case .text-pro .con-a {
  font-size: 0.4rem;
  line-height: 0.6rem;
}

.index-list3 .text-pro .more-btn {
  margin-top: 1.5rem;
  font-size: 0.575rem;
  height: 1.5rem;
  line-height: 1.5rem;
  display: inline-block;
  color: #212121;
  background-color: #f3c41c;
  padding: 0 1.5rem 0 0.75rem;
  text-align: left;
  background-repeat: no-repeat;
  background-size: 0.3rem;
  background-position: 86% center;
  background-image: url(../img/more2.png);
}

.index-list3 .list3-prev,
.index-list3 .list3-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  background-color: rgba(255, 255, 255, 0.5);
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 10;
}

.index-list3 .list3-prev {
  left: 5%;
  background-image: url(../img/prev.png);
}

.index-list3 .list3-next {
  right: 5%;
  background-image: url(../img/next.png);
}

.index-list4 {
  position: relative;
  overflow: hidden
}

.index-list4 .swiper-slide {
  position: relative
}

.index-list4 .swiper-slide .img {
  float: right;
  width: 50%;
}

.index-list4 .swiper-slide .img img {
  width: 100%;
}

.index-list4 .swiper-slide .left-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: #f7f7f7
}

.index-list4 .swiper-slide .text-pro {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70%;
  transform: translate(-50%, -50%);
}

.index-list4 .swiper-slide .text-pro .name {
  font-size: 1rem;
  line-height: 1;
  color: #333333
}

.index-list4 .swiper-slide .text-pro .p1 {
  font-size: 0.575rem;
  color: #333;
  line-height: 0.9rem;
  margin-top: 0.4rem;
  position: relative;
}

.index-list4 .swiper-slide .text-pro .p1:after {
  position: absolute;
  left: 0;
  width: 0.5rem;
  height: 2px;
  bottom: -0.5rem;
  background-color: #b1b1b1;
  content: "";
}

.index-list4 .swiper-slide .text-pro .more-btn {
  margin-top: 1.5rem;
  font-size: 0.575rem;
  height: 1.5rem;
  line-height: 1.5rem;
  display: inline-block;
  color: #212121;
  background-color: #f3c41c;
  padding: 0 1.5rem 0 0.75rem;
  text-align: left;
  background-repeat: no-repeat;
  background-size: 0.3rem;
  background-position: 86% center;
  background-image: url(../img/more2.png);
}

.index-list4 .list4-prev,
.index-list4 .list4-next {
  position: absolute;
  bottom: 0.9rem;
  width: 1rem;
  height: 1rem;
  background-color: #d6d6d6;
  background-size: 10px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 10;
}

.index-list4 .list4-prev {
  left: calc(50% - 3.5rem);
  background-image: url(../img/prev.png);
}

.index-list4 .list4-next {
  left: calc(50% - 2rem);
  background-image: url(../img/next.png);
}

.sup-tit {
  font-size: 1.2rem;
  line-height: 1;
  color: #333333;
  margin-top: 1.75rem;
}

.sup-t {
  font-size: 0.9rem;
  line-height: 1;
  color: #333333;
  margin-top: 0.9rem;
}

.sup-con {
  font-size: 0.55rem;
  line-height: 0.9rem;
  color: #333;
  margin-top: 0.75rem;
}

.sup-ul {
  margin-top: 1.5rem;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sup-ul li {
  display: inline-block;
  vertical-align: top;
  text-align: center
}

.sup-ul li:last-child {
  margin-right: 0
}

.sup-ul li .img {
  width: 2.5rem;
  margin: 0 auto 0.4rem;
}

.sup-ul li .img img {
  width: 100%;
}

.sup-ul li .name {
  font-size: 0.5rem;
  line-height: 0.6rem;
  color: #333
}

.sup-swiper1 {
  margin-top: 1.75rem;
  position: relative;
  overflow: hidden
}

.sup-swiper1 .swiper-slide {
  position: relative;
  overflow: hidden
}

.sup-swiper1 .swiper-slide .img {
  overflow: hidden;
}

.sup-swiper1 .swiper-slide .img img {
  width: 100%;
}

.sup-swiper1 .swiper-slide .text-div {
  padding: 1rem 1.25rem 1.75rem;
  background-color: #fff;
}

.sup-swiper1 .swiper-slide .text-div .name {
  font-size: 0.75rem;
  line-height: 0.8rem;
  color: #333333;
}

.sup-swiper1 .swiper-slide .text-div .su-p {
  font-size: 0.55rem;
  line-height: 0.9rem;
  margin-top: 0.6rem;
  color: #333;
}

.sup-swiper1 .swiper-slide .text-div .su-p i {
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #f2c31c;
  margin-right: 0.2rem;
}

.sup-swiper1-scrollbar {
  position: relative;
  margin-top: 1.5rem;
  width: 100%;
  height: 4px;
  background-color: #d7d7d7
}

.sup-swiper1-scrollbar .swiper-scrollbar-drag {
  background-color: #f2c31c;
}

.sup-ul1 {
  margin-top: 2rem;
}

.sup-ul1 li {
  float: left;
  width: 48%;
  margin-right: 4%;
  margin-bottom: 1rem;
  border-top: 2px solid #f2c31c;
  min-height: 19rem;
  background-color: #fff
}

.sup-ul1 li:nth-child(2n) {
  margin-right: 0;
}

.sup-ul1 li .su-mak {
  padding: 1.5rem;
}

.sup-ul1 li .su-mak .ti {
  font-size: 0.9rem;
  line-height: 1;
  color: #333333
}

.sup-ul1 li .su-mak .ti1 {
  font-size: 0.55rem;
  line-height: 0.9rem;
  margin-top: 0.9rem;
  color: #333;
  height: 7.2rem;
}

.sup-ul1 li .su-li {
  font-size: 0;
  margin-top: 1.5rem;
}

.sup-ul1 li .su-li .item {
  display: inline-block;
  width: 48%;
  margin-right: 4%;
  vertical-align: top;
  text-align: center;
  margin-bottom: 0.75rem;
}

.sup-ul1 li .su-li .item:nth-child(2n) {
  margin-right: 0;
}

.sup-ul1 li .su-li .item .ico {
  width: 2rem;
  margin: 0 auto 0.3rem;
}

.sup-ul1 li .su-li .item .ico img {
  width: 100%;
}

.sup-ul1 li .su-li .item .ico-p {
  font-size: 0.5rem;
  line-height: 0.6rem;
  color: #333;
  height: 1.2rem;
}

.sup-ul1 li .sup-io {
  margin-top: 1.25rem;
  font-size: 0.5rem;
  color: #333;
  line-height: 0.9rem;
}

.sup-ul1 li .sup-io p {
  position: relative;
  padding-left: 0.75rem;
}

.sup-ul1 li .sup-io p i {
  display: inline-block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  left: 0;
  background-color: #f2c31c;
  top: 0.35rem;
}

.about-mian .industry-list {
  padding-bottom: 0;
  background-color: #fff;
}

.about-list1 {
  padding-top: 1.75rem;
  background-color: #fff;
  padding-bottom: 3.5rem;
}

.about-list1 .w9375 {
  width: 93.75%;
  margin-left: 6.25%;
  position: relative
}

.about-list1 .title {
  font-size: 1.2rem;
  line-height: 1;
  color: #333;
  text-align: center;
  margin-left: -6.6%
}

.about-list1 .abo-mian {
  margin-top: 2.25rem;
}

.about-list1 .abo-mian .img {
  float: right;
  width: 53.3%;
  position: relative
}

.about-list1 .abo-mian .img img {
  width: 100%;
}

.about-list1 .abo-mian .img .text-pro {
  position: absolute;
  bottom: 0.9rem;
  left: 0.9rem;
  width: 8.25rem;
  height: 8.6rem;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url(../img/ap2.png)
}

.about-list1 .abo-mian .te-l {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  transform: translate(-50%, -50%);
}

.about-list1 .abo-mian .te-l .name {
  font-size: 0.6rem;
  line-height: 0.7rem;
  color: #fff;
  margin-bottom: 2.5rem;
  position: relative
}

.about-list1 .abo-mian .te-l .name:after {
  position: absolute;
  left: 0;
  height: 2px;
  width: 1.2rem;
  background-color: #807c71;
  bottom: -0.9rem;
  content: "";
}

.about-list1 .abo-mian .te-l .num {
  font-size: 2.25rem;
  color: #f2c31c;
  line-height: 1;
  font-family: "BEBAS";
}

.about-list1 .img-left {
  float: left;
  width: 43%;
}

.about-list1 .img-left .tit-1 {
  font-size: 0.75rem;
  line-height: 0.8rem;
  color: #000000
}

.about-list1 .img-left .con-t {
  margin-top: 0.9rem;
  font-size: 0.55rem;
  line-height: 0.9rem;
  color: #333333;
  margin-bottom: 1.25rem;
}

.abou-li {
  font-size: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: space-between;
}

.abou-li li {
  display: inline-block;
  vertical-align: top;
}

.abou-li li .num {
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: 50%;
  background-color: #f2c31c;
  text-align: center;
  font-size: 1.2rem;
  margin: 0 auto;
  color: #333;
  font-family: "BEBAS";
}

.abou-li li .name {
  font-size: 0.5rem;
  line-height: 0.6rem;
  color: #333;
  margin-top: 0.3rem;
}

.about-list2 {
  padding: 2.25rem 0 3rem;
  background-color: #f5f5f5
}

.about-list2 .title {
  font-size: 1.2rem;
  line-height: 1;
  color: #333;
  text-align: center;
}

.about-list2 .about-ul1 {
  margin-top: 1.75rem;
}

.about-list2 .about-ul1 li {
  margin-bottom: 1.25rem;
  padding: 1.5rem 2.5rem;
  background-color: #fff;
}

.about-list2 .about-ul1 li .text {
  float: left;
  width: 51%;
}

.about-list2 .about-ul1 li .text .name {
  font-size: 0.75rem;
  line-height: 0.8rem;
  color: #000000
}

.about-list2 .about-ul1 li .text .con-y {
  font-size: 0.55rem;
  line-height: 1rem;
  margin-top: 0.9rem;
  color: #333;
}

.about-list2 .about-ul1 li .img-r {
  float: right;
  width: 38%;
  position: relative;
}

.about-list2 .about-ul1 li .img-r:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 100%;
  background-color: #d0d0d0;
  left: -1rem;
  content: ""
}

.about-list2 .about-ul1 li:nth-child(2n) .img-r:after {
  left: auto;
  right: -1rem;
}

.about-list2 .about-ul1 li .img-r img {
  width: 100%;
}

.about-list2 .about-ul1 li .img-r .item-li {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  font-size: 0;
  text-align: center;
  width: 100%;
}

.about-list2 .about-ul1 li .img-r .item-li .line {
  display: inline-block;
  vertical-align: top;
  margin-right: 0.4rem;
  margin-bottom: 0.3rem;
  height: 1.75rem;
  line-height: 1.75rem;
  padding: 0 0.9rem;
  font-size: 0.45rem;
  background-color: #fff;
  box-shadow: 0 10px 60px rgba(0, 0, 0, 0.15)
}

.about-list2 .about-ul1 li .img-r .item-li .line:nth-child(2n) {
  margin-right: 0
}

.about-list2 .about-ul1 li .img-r .item-li .line img {
  display: inline-block;
  vertical-align: middle;
  width: 0.8rem;
  margin-right: 0.2rem;
}

.about-list2 .about-ul1 li:nth-child(2n) .text {
  float: right;
}

.about-list2 .about-ul1 li:nth-child(2n) .img-r {
  float: left;
}

.about-list2 .about-ul1 li:nth-child(2n) .img-r .item-li {
  width: 70%;
}

.about-list3 {
  padding: 2.5rem 0 3.25rem;
  background-color: #fff;
}

.about-list3 .title {
  font-size: 1.2rem;
  line-height: 1;
  color: #333;
  text-align: center
}

.about-list3 .a-top {
  margin-top: 2rem;
}

.about-list3 .a-top .text {
  float: left;
  width: 45%;
}

.about-list3 .a-top .text .name {
  font-size: 0.9rem;
  line-height: 1rem;
  color: #333;
}

.about-list3 .a-top .text .con-p {
  font-size: 0.55rem;
  color: #808080;
  line-height: 0.9rem;
  margin-top: 0.3rem;
}

.about-list3 .a-top .abou-ul3 {
  float: right;
  width: 50%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: space-between;
  font-size: 0;
}

.about-list3 .a-top .abou-ul3 li {
  display: inline-block;
  vertical-align: top;
}

.about-list3 .a-top .abou-ul3 li .name {
  font-size: 0.4rem;
  color: #808080;
  line-height: 0.5rem;
}

.about-list3 .a-top .abou-ul3 li .num {
  font-size: 1.5rem;
  line-height: 1;
  color: #f2c31c;
  margin-top: 0.5rem;
  font-family: "BEBAS";
}

.about-list4 {
  padding: 2.2rem 0 3.5rem;
  background-color: #f5f5f5
}

.about-list4 .title {
  font-size: 1.2rem;
  color: #333333;
  line-height: 1;
  text-align: center
}

.about-list4 .ul4 {
  margin-top: 1.5rem;
  display: flex;
  display: -webkit-flex;
  display: flex;
  justify-content: center
}

.about-list4 .ul4 li {
  // float:left;
  width: 23.8%;
  margin-right: 1.6%;
}

.about-list4 .ul4 li:nth-child(4n) {
  margin-right: 0;
}

.about-list4 .ul4 li .text {
  padding: 1rem 0.9rem 0.75rem;
  background-color: #fff;
  color: #333;
}

.about-list4 .ul4 li .text .name {
  font-size: 0.9rem;
  line-height: 1;
}

.about-list4 .ul4 li .text .con-p {
  font-size: 0.55rem;
  line-height: 0.9rem;
  margin-top: 0.6rem;
  height: 2.7rem;
  overflow: hidden
}

.about-list4 .ul4 li .img {
  overflow: hidden
}

.about-list4 .ul4 li .img img {
  width: 100%;
}

.about-list4 .about-ul1 {
  margin-top: 0.6rem;
}

.about-list4 .about-ul1 li {
  padding: 1.5rem 2.5rem;
  background-color: #fff;
}

.about-list4 .about-ul1 li .text {
  float: right;
  width: 51%;
}

.about-list4 .about-ul1 li .text .name {
  font-size: 0.75rem;
  line-height: 0.8rem;
  color: #000000;
  padding-top: 1.5rem;
}

.about-list4 .about-ul1 li .text .con-y {
  font-size: 0.55rem;
  line-height: 1rem;
  margin-top: 0.9rem;
  color: #333;
}

.about-list4 .about-ul1 li .img-r {
  float: left;
  width: 38%;
  position: relative;
}

.about-list4 .about-ul1 li .img-r:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 100%;
  background-color: #d0d0d0;
  right: -1rem;
  content: "";
}

.about-list4 .about-ul1 li .img-r img {
  width: 100%;
}

.about-list4 .about-ul1 li .img-r .item-li {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  font-size: 0;
  text-align: center;
  width: 100%;
}

.about-list4 .about-ul1 li .img-r .item-li .line {
  display: inline-block;
  vertical-align: top;
  margin-right: 0.4rem;
  margin-bottom: 0.3rem;
  padding: 0.6rem 0.5rem;
  font-size: 0.45rem;
  background-color: #fff;
  box-shadow: 0 10px 60px rgba(0, 0, 0, 0.15);
}

.about-list4 .about-ul1 li .img-r .item-li .line .p1 {
  font-size: 0.4rem;
  color: #333;
  line-height: 0.5rem;
}

.about-list4 .about-ul1 li .img-r .item-li .line .p2 {
  font-size: 1rem;
  color: #f2c31c;
  line-height: 1;
  margin-top: 0.3rem;
  text-align: left;
  font-family: "BEBAS";
}

.development-list {
  padding: 2.5rem 0;
  background-color: #ffffff
}

.development-list .title {
  font-size: 1.2rem;
  line-height: 1;
  color: #333;
  text-align: center;
}

.development-list .deve-lop {
  margin-top: 1.75rem;
  padding-top: 3.5rem;
  position: relative
}

.development-list .deve-lop:after {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url(../img/yuan.png);
  content: "";
}

.development-list .deve-lop:before {
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: calc(100%);
  content: "";
  background-color: #d0d0d0;
}

.development-list .deve-lop li {
  position: relative;
}

.development-list .deve-lop li .img {
  float: left;
  width: 34.5%;
  overflow: hidden;
  position: relative;
  padding-bottom: 18.6%;
}

.development-list .deve-lop li:nth-child(2n) .img {
  float: right;
}

.development-list .deve-lop li .img img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.development-list .deve-lop li .text-pro {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 24%;
  text-align: center;
  background-color: #fff;
  padding: 0.5rem 0;
}

.development-list .deve-lop li .text-pro .num {
  font-size: 1.5rem;
  color: #f2c31c;
  line-height: 1;
}

.development-list .deve-lop li .text-pro .img1 {
  width: 18px;
  margin: 0.5rem auto;
}

.development-list .deve-lop li .text-pro .img1 img {
  width: 100%;
}

.development-list .deve-lop li .text-pro .con-p {
  font-size: 0.45rem;
  color: #444444;
  line-height: 0.7rem;
}

.news-mian {
  margin-top: 1.5rem;
}

.news-mian .title {
  font-size: 1.2rem;
  line-height: 1;
  color: #333;
  text-align: center
}

.w920 {
  max-width: 720px;
  margin: 1.25rem auto;
  position: relative
}

.news-mian .w920 {
  z-index: 30;
}

.news-mian .form {
  float: left;
  width: 49%;
  margin-right: 0%;
  height: 1.75rem;
  line-height: 1.75rem;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  position: relative;
  box-sizing: border-box;
}

.news-mian .form .text {
  font-size: 0.5rem;
  color: #b3b2b2;
  padding-left: 0.75rem;
  width: calc(80% - 0.75rem);
  height: 1.75rem;
  line-height: 1.75rem;
  background-color: transparent;
}

.new-body .industry-list {
  background-color: #fff;
}

.news-mian .form .submit {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url(../img/sou.png);
  font-size: 0;
  right: 0.75rem;
  background-color: transparent
}

.news-mian .item {
  float: left;
  width: 49%;
  position: relative;
  z-index: 20;
  margin-right: 2%;
}

.news-mian .item1 {
  z-index: 30;
  margin-right: 0;
}

.news-mian .item .line {
  height: 1.75rem;
  line-height: 1.75rem;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  position: relative;
  padding: 0 0.75rem;
  box-sizing: border-box;
}

.news-mian .item .line .name {
  font-size: 0.5rem;
  color: #444444
}

.news-mian .item .line .xia {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.75rem;
  width: 10px;
  height: 6px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10px;
  background-image: url(../img/xia2.png);
}

.news-mian .item .hover-div {
  position: absolute;
  top: 1.75rem;
  border: 1px solid #e0e0e0;
  padding: 0.5rem 0 0.5rem 0.75rem;
  left: 0;
  width: calc(100% - 2px - 0.75rem);
  background-color: #fff;
  height: 4rem;
  display: none
}

.news-mian .item .hover-div a {
  display: block;
  font-size: 0.45rem;
  color: #333;
  height: 1.2rem;
  line-height: 1.2rem;
  border-bottom: 1px solid #d0d0d0;
  transition: all 0.3s;
}

.news-mian .new-ul1 {
  margin-top: 1.25rem;
}

.news-mian .new-ul1 li {
  float: left;
  width: 49%;
  margin-right: 2%;
  position: relative;
  overflow: hidden
}

.news-mian .new-ul1 li:nth-child(2) {
  margin-right: 0
}

.news-mian .new-ul1 li img {
  width: 100%;
  transition: all 0.3s;
}

.news-mian .new-ul1 li .text-pro {
  position: absolute;
  width: calc(100% - 2rem);
  left: 1rem;
  bottom: 1rem;
}

.news-mian .new-ul1 li .text-pro .time {
  font-size: 0.4rem;
  line-height: 1;
  color: #fff;
}

.news-mian .new-ul1 li .text-pro .name {
  font-size: 0.65rem;
  line-height: 0.7rem;
  color: #fff;
  margin-top: 0.25rem;
  transition: all 0.3s;
}

.news-mian .news-bottom {
  margin-top: 1.75rem;
}

.news-mian .news-bottom .left-ul {
  float: left;
  width: 68%;
}

.news-mian .news-bottom .left-ul li {
  padding: 0.9rem 1rem;
  transition: all 0.3s;
}

.news-mian .news-bottom .left-ul li .img {
  float: left;
  width: 30%;
}

.news-mian .news-bottom .left-ul li .img img {
  width: 100%;
}

.news-mian .news-bottom .left-ul li .text {
  float: left;
  width: calc(70% - 1rem);
  margin-left: 1rem;
}

.news-mian .news-bottom .left-ul li .text .p1 {
  font-size: 0.8rem;
  line-height: 1;
  color: #333;
}

.news-mian .news-bottom .left-ul li .text .p2 {
  font-size: 0.45rem;
  line-height: 0.5rem;
  color: #808080;
  margin-top: 0.5rem;
  transition: all 0.3s;
}

.news-mian .news-bottom .left-ul li .text .p3 {
  font-size: 0.55rem;
  line-height: 0.8rem;
  color: #666;
  margin-top: 0.5rem;
  transition: all 0.3s;
}

.news-mian .news-bottom .right {
  float: right;
  padding-left: 1.25rem;
  border-left: 1px solid #d0d0d0;
  width: calc(30% - 1.25rem);
}

.news-mian .news-bottom .right .tit-e {
  font-size: 0.65rem;
  line-height: 1;
  color: #000000
}

.news-mian .news-bottom .right .ul2 {
  margin-top: 0.8rem;
}

.news-mian .news-bottom .right .ul2 li {
  padding: 0.9rem 1rem;
  background-color: #f5f5f5;
  transition: all 0.3s;
  margin-bottom: 0.5rem;
}

.news-mian .news-bottom .right .ul2 li .p1 {
  font-size: 0.65rem;
  line-height: 0.9rem;
  color: #333;
  height: 1.8rem;
}

.news-mian .news-bottom .right .ul2 li .p2 {
  font-size: 0.35rem;
  line-height: 0.4rem;
  margin-top: 1.25rem;
  color: #808080
}

.page {
  position: relative;
  font-size: 0;
  text-align: center;
  margin-top: 1.5rem;
}

.page a {
  font-size: 0.45rem;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  border-radius: 50%;
  transition: all 0.3s;
  color: #333;
  line-height: 1.25rem;
  margin: 0 6px;
}

.page a.active {
  color: #f2c31c
}

.page a.prev,
.page a.next {
  background-color: #f2c31c;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
}

.page a.prev {
  background-image: url(../img/apr.png)
}

.page a.next {
  background-image: url(../img/ant.png)
}

.news-detail {
  padding: 1.75rem 0;
}

.news-detail .name {
  color: #000;
  margin-bottom: 0.3rem;
  text-align: center;
  font-size: 1rem;
}

.news-detail .time {
  color: #999;
  line-height: 0.5rem;
  text-align: center;
  font-size: 0.45rem;
}

.news-detail .detail-info {
  margin-top: 0.75rem;
  padding: 1rem 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
  font-size: 0.45rem;
}

.news-detail .detail-info img {
  max-width: 100%;
  width: auto !important;
  height: auto !important;
}

.news-detail .page-btn {
  margin-top: 1rem;
}

.news-detail .page-btn .pagectrl {
  float: left;
  width: 80%;
}

.pagectrl p {
  line-height: 0.75rem;
  color: #666;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 75%;
  font-size: 0.4rem;
}

.pagectrl p a {
  color: #808080;
  display: inline;
  transition: all 0.3s ease;
}

.pageback {
  float: right;
}

.pageback a {
  width: 5rem;
  height: 1rem;
  text-align: center;
  line-height: 1rem;
  border: 1px solid #eaeaea;
  display: block;
  color: #666;
  transition: all 0.3s ease;
  font-size: 0.4rem;
}

.video-ul {
  margin-top: 1.5rem;
}

.video-ul li {
  float: left;
  width: 32%;
  margin-right: 2%;
  text-align: center;
  margin-bottom: 0.9rem;
}

.video-ul li:nth-child(3n) {
  margin-right: 0;
}

.video-ul li .name {
  font-size: 0.75rem;
  line-height: 0.8rem;
  color: #333;
}

.video-ul li .img {
  overflow: hidden;
  position: relative;
  margin-top: 0.75rem;
}

.video-ul li .img img {
  width: 100%;
}

.video-ul li .img .p1 {
  font-size: 0.55rem;
  color: #fff;
  position: absolute;
  bottom: 0.75rem;
  padding: 0 1.2rem 0 0.75rem;
  width: calc(100% - 0.75rem - 1.2rem);
  background-repeat: no-repeat;
  background-position: 94% center;
  background-size: 0.5rem;
  left: 0;
  background-image: url(../img/v4.png);
  text-align: left;
}

.video-ul li .img .p1 img {
  width: 0.65rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.25rem;
}

.sign-model {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1500;
  display: none
}

.sign-model .back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5)
}

.sign-model .mian-model {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 990px;
  background-color: #fff;
}

.sign-model .mian-model .close1 {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 23px;
  height: 23px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 23px;
  background-image: url(../img/close1.png)
}

.sign-model .mian-model .item {
  padding: 1.75rem 2.6rem;
}

.sign-model .mian-model .title {
  font-size: 1.2rem;
  line-height: 1;
  color: #333;
  text-align: center
}

.sign-ul {
  margin-top: 1.25rem;
}

.sign-ul li {
  float: left;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 0.5rem;
  position: relative;
  font-size: 0;
}

.sign-ul li:nth-child(2n) {
  margin-right: 0
}

.sign-ul li .top {
  height: 1.75rem;
  line-height: 1.75rem;
  border: 1px solid #d5d5d5;
  padding: 0 0.5rem;
  font-size: 0;
}

.sign-ul li .top .img {
  width: 0.9rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
  position: relative;
}

.sign-ul li .top .img img {
  width: 100%;
}

.sign-ul li .top .img:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 0.9rem;
  right: -0.5rem;
  content: "";
  background-color: #d5d5d5;
}

.sign-ul li .top input {
  display: inline-block;
  height: 1.75rem;
  line-height: 1.75rem;
  font-size: 0.55rem;
  color: #333333;
  width: calc(100% - 1rem - 0.9rem);
  vertical-align: middle
}

.sign-ul li .top1 {
  height: 1.75rem;
  line-height: 1.75rem;
  border: 1px solid #d5d5d5;
  padding: 0 0.5rem;
  font-size: 0;
  width: calc(100% - 3rem - 1rem - 4px);
  display: inline-block;
  vertical-align: top;
}

.sign-ul li .top3 {
  height: 1.75rem;
  line-height: 1.75rem;
  border: 1px solid #d5d5d5;
  width: 2.75rem;
  text-align: center;
  font-size: 0.45rem;
  color: #333333;
  display: inline-block;
  margin-left: 0.25rem;
  vertical-align: top;
}

.sign-ul li .div1 {
  display: inline-block;
  height: 1.75rem;
  line-height: 1.75rem;
  font-size: 0.55rem;
  color: #333333;
  width: calc(100% - 1rem - 0.9rem);
  vertical-align: middle;
  position: relative;
}

.sign-ul li .div1 .xia {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 6px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 10px;
  background-image: url(../img/xia2.png);
  right: 0
}

.sign-ul li .item-hover {
  position: absolute;
  top: 1.75rem;
  width: calc(100% - 0.5rem - 2px);
  height: 4rem;
  left: 0;
  border: 1px solid #d5d5d5;
  background-color: #fff;
  padding: 0.5rem 0 0.5rem 0.5rem;
  display: none;
}

.sign-ul li .item-hover .tit-a {
  font-size: 0.45rem;
  color: #333;
  border-bottom: 1px solid #d5d5d5;
  display: block;
  height: 1.2rem;
  line-height: 1.2rem;
}

.sign-ul li.last {
  width: 100%;
  margin-right: 0;
}

.sign-model .p1 {
  font-size: 0.45rem;
  margin-top: 0.5rem;
  line-height: 0.6rem;
}

.sign-model .p1 a {
  color: #f2c31c;
  text-decoration: underline;
}

.sign-model .submit {
  font-size: 0.75rem;
  margin-top: 0.9rem;
  width: 100%;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  ;
  color: #333;
  background-color: #f2c31c;
  border-radius: 4px;
}

.deng-demol {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1500;
  display: none
}

.deng-demol .back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.deng-demol .deng-mian {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 990px;
  background-color: #fff;
}

.deng-demol .deng-mian .close1 {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 23px;
  height: 23px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 23px;
  background-image: url(../img/close1.png)
}

.deng-demol .deng-mian .item {
  width: 630px;
  margin: 0 auto;
  padding: 1.75rem 0;
}

.deng-demol .deng-mian .title {
  font-size: 1.2rem;
  line-height: 1;
  color: #333;
  text-align: center
}

.deng-demol .deng-mian .form {
  margin-top: 1.1rem;
}

.deng-demol .deng-mian .form .inp {
  height: 1.75rem;
  line-height: 1.75rem;
  border: 1px solid #d5d5d5;
  padding: 0 0.5rem;
  font-size: 0;
  margin-bottom: 0.75rem;
}

.deng-demol .deng-mian .form .inp .img {
  width: 0.9rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
  position: relative;
}

.deng-demol .deng-mian .form .inp .img img {
  width: 100%;
}

.deng-demol .deng-mian .form .inp .img:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 0.9rem;
  right: -0.5rem;
  content: "";
  background-color: #d5d5d5;
}

.deng-demol .deng-mian .form .inp input {
  display: inline-block;
  height: 1.75rem;
  line-height: 1.75rem;
  font-size: 0.55rem;
  color: #333333;
  width: calc(100% - 1rem - 0.9rem);
  vertical-align: middle
}

.deng-demol .deng-mian .form .top0 {
  font-size: 0;
}

.deng-demol .deng-mian .form .top0 .inp1 {
  height: 1.75rem;
  line-height: 1.75rem;
  border: 1px solid #d5d5d5;
  padding: 0 0.5rem;
  font-size: 0;
  width: calc(100% - 3rem - 1rem - 4px);
  display: inline-block;
  vertical-align: top;
}

.deng-demol .deng-mian .form .top0 .top3 {
  height: 1.75rem;
  line-height: 1.75rem;
  border: 1px solid #d5d5d5;
  width: 2.75rem;
  text-align: center;
  font-size: 0.45rem;
  color: #333333;
  display: inline-block;
  margin-left: 0.25rem;
  vertical-align: top;
}

.deng-demol .deng-mian .form .p1 {
  font-size: 0.45rem;
  margin-top: 0.5rem;
  line-height: 0.6rem;
}

.deng-demol .deng-mian .form .p1 a {
  color: #f2c31c;
  text-decoration: underline;
}

.deng-demol .deng-mian .form .submit {
  font-size: 0.75rem;
  margin-top: 0.9rem;
  width: 100%;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  ;
  color: #333;
  background-color: #f2c31c;
  border-radius: 4px;
}

.video-model {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1500;
  display: none
}

.video-model .back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.video-model .video-sop {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 62%;
}

.video-model .video-sop video {
  width: 100%;
}

.down-form {
  width: 11.75rem;
  height: 1.5rem;
  line-height: 1.5rem;
  border-radius: 0.75rem;
  margin: 1rem auto 0;
  position: relative;
  background-color: #f2c31c
}

.down-form .text {
  width: calc(80% - 0.75rem);
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 0.4rem;
  color: #333;
  background-color: transparent;
  padding-left: 0.75rem;
}

.down-form .submit {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.75rem;
  width: 25px;
  height: 25px;
  background-position: center;
  ;
  background-repeat: no-repeat;
  background-size: 25px;
  background-image: url(../img/sou2.png);
  cursor: pointer;
  background-color: transparent;
}

.down-ul {
  margin-top: 1.25rem;
}

.down-ul li {
  float: left;
  width: 32%;
  border: 1px solid #e6e6e6;
  margin-right: 2%;
  margin-bottom: 0.75rem;
  box-sizing: border-box;
  position: relative
}

.down-ul li:nth-child(3n) {
  margin-right: 0;
}

.down-ul li .mask {
  padding: 0.6rem;
  background-color: #fff;
}

.down-ul li .mask .img {
  float: left;
  width: 40%;
}

.down-ul li .mask .img img {
  width: 100%;
}

.down-ul li .mask .text {
  float: right;
  width: 55%;
  text-align: left;
}

.down-ul li .mask .text .name {
  font-size: 0.8rem;
  line-height: 1;
  color: #333;
  padding-top: 0.5rem;
}

.down-ul li .mask .text .p1 {
  font-size: 0.55rem;
  color: #666666;
  line-height: 0.9rem;
  margin-top: 0.6rem;
}

.down-ul li .mask .text .more-btn {
  font-size: 0.45rem;
  height: 1.2rem;
  line-height: 1.2rem;
  border-radius: 0.6rem;
  border: 1px solid #e6e6e6;
  padding: 0 0.8rem 0 1.5rem;
  margin-top: 1.25rem;
  display: inline-block;
  transition: all 0.3s;
  color: #666;
  ;
  background-position: 0.8rem center;
  background-repeat: no-repeat;
  background-size: 0.4rem;
  background-image: url(../img/dow.png)
}

.conpany-list {
  padding: 2.5rem 0 3.5rem;
  background-color: #fff;
}

.conpany-list .title {
  font-size: 1.2rem;
  line-height: 1;
  color: #333;
  text-align: center
}

.conpany-list .map-div {
  margin-top: 0.5rem;
}

.conpany-list .map-div .left {
  float: left;
  width: 67.3%;
  position: relative;
}

.conpany-list .map-div .left img {
  width: 100%;
}

.conpany-list .map-div .right {
  float: right;
  width: 23%;
}

.conpany-list .map-div .right li {
  padding-left: 1.75rem;
  position: relative;
  font-size: 0;
  margin-bottom: 0.6rem;
}

.conpany-list .map-div .right li img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 1.4rem;
}

.conpany-list .map-div .right li .item {
  padding: 0.2rem 0 0.3rem 0.5rem;
  border-left: 1px solid #d0d0d0;
}

.conpany-list .map-div .right li .name {
  font-size: 0.6rem;
  line-height: 0.7rem;
  color: #333;
}

.conpany-list .map-div .right li .num {
  margin-top: 0.5rem;
  color: #f2c31c;
  font-size: 0;
}

.conpany-list .map-div .right li .num .shu {
  font-size: 1.2rem;
  line-height: 1;
  display: inline-block;
  vertical-align: text-top;
  font-family: "BEBAS";
}

.conpany-list .map-div .right li .num .fu {
  font-size: 0.9rem;
  display: inline-block;
  vertical-align: text-top;
  line-height: 1;
}

.conpany-list .map-div .left .add {
  position: absolute;
  cursor: pointer;
}

.conpany-list .map-div .left .add .img {
  width: 0.45rem;
  height: 0.55rem;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.45rem;
  background-image: url(../img/addre.png)
}

.conpany-list .map-div .left .add .name {
  font-size: 0.45rem;
  color: #333;
  text-align: center;
  line-height: 0.5rem;
}

.conpany-list .map-div .left .add .text-pro {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-top: 2px solid #121212;
  background-color: #f2c31c;
  padding: 1.2rem 0.9rem 1.25rem;
  top: -5.6rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}

.conpany-list .map-div .left .add.cur {
  z-index: 10
}

.conpany-list .map-div .left .add.cur .img {
  background-image: url(../img/addre1.png)
}

.conpany-list .map-div .left .add.cur .text-pro {
  opacity: 1;
  visibility: visible;
}

.conpany-list .map-div .left .add .text-pro:after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 6px;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/xias.png);
  content: "";
  bottom: -6px;
}

.conpany-list .map-div .left .add .text-pro .p1 {
  font-size: 0.7rem;
  line-height: 0.8rem;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.conpany-list .map-div .left .add .text-pro .p2 {
  font-size: 0.5rem;
  color: #000000;
  line-height: 0.75rem;
  margin-top: 0.6rem;
}

.conpany-list .map-div .left .add1 {
  top: 34%;
  left: 49.7%;
}

.conpany-list .map-div .left .add2 {
  top: 43.1%;
  left: 71.2%;
}

.conpany-list .map-div .left .add3 {
  top: 40.4%;
  left: 79.6%;
}

.conpany-list .map-div .left .add4 {
  top: 48%;
  left: 77.4%;
}

.conpany-list .map-div .left .add5 {
  top: 45%;
  left: 75.4%;
}

.conpany-list .map-div .left .add6 {
  top: 38%;
  left: 82.4%;
}

.conpany-list .map-div .left .add7 {
  top: 36%;
  left: 84.4%;
}

.conpany-list .map-div .left .add8 {
  top: 31%;
  left: 78.4%;
}

.conpany-list .map-div .left .add9 {
  top: 39%;
  left: 74.4%;
}

.conpany-list .map-div .left .add10 {
  top: 29%;
  left: 57.4%;
}

.conpany-list .map-div .left .add11 {
  top: 27%;
  left: 61.4%;
}

.contact .industry-list {
  background-color: #fff
}

.contact-list {
  margin-top: 1.25rem;
  position: relative;
}

.contact-list .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40.2%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.contact-list .img .img {
  width: 100%;
}

.contact-list .text {
  width: 100%;
  background-color: #eeeeee;
  padding: 0.9rem 0.75rem;
}

.contact-list .text li {
  width: 32%;
  float: left;
  margin-right: 2%;
}

.contact-list .text li:nth-child(3) {
  margin-right: 0
}

.contact-list .text li .p1 {
  font-size: 0.5rem;
  color: #000;
  font-weight: 600;
  line-height: 0.9rem;
}

.contact-list .text li span {
  font-size: 0.45rem;
  font-weight: 400;
}

.contact-list .text li .p2 {
  font-size: 0.45rem;
  color: #000;
  line-height: 0.6rem;
  margin-top: 0.2rem;
}

.contact-list .text li .last {
  margin-bottom: 1rem
}

.contact-p1 {
  font-size: 0.75rem;
  line-height: 0.8rem;
  margin-top: 1.3rem;
  color: #333;
  text-align: center
}

.contact-p2 {
  font-size: 0.45rem;
  line-height: 0.5rem;
  margin-top: 0.5rem;
  color: #333;
  text-align: center;
}

.contact-ul1 {
  margin-top: 1.25rem;
}

.contact-ul1 li {
  float: left;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 0.75rem;
  font-size: 0;
  position: relative
}

.contact-ul1 li:nth-child(3n) {
  margin-right: 0
}

.contact-ul1 li .div1 {
  font-size: 0;
  height: 1.75rem;
  line-height: 1.75rem;
  background-color: #f5f5f5
}

.contact-ul1 li .div1 .name {
  font-size: 0.55rem;
  color: #333;
  width: 2.5rem;
  text-align: center;
  display: inline-block;
  position: relative;
}

.contact-ul1 li .div1 .name:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 1.4rem;
  background-color: #e3e3e3;
  content: "";
}

.contact-ul1 li .div1 input {
  font-size: 0.45rem;
  height: 1.75rem;
  line-height: 1.75rem;
  width: calc(100% - 2.5rem - 1rem);
  padding-left: 0.5rem;
  color: #333;
  display: inline-block;
  background-color: transparent;
}

.contact-ul1 li.li1 .div1 .name {
  width: 3.25rem;
  vertical-align: top;
}

.contact-ul1 li.li1 .div1 .btn-div {
  display: inline-block;
  width: calc(100% - 3.25rem - 1rem);
  position: relative;
  height: 1.75rem;
  line-height: 1.75rem;
  padding-left: 0.5rem;
}

.contact-ul1 li.li1 .div1 .btn-div .xias {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0rem;
  width: 0.45rem;
  height: 0.3rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.45rem;
  background-image: url(../img/dwons.png);
  transition: all 0.3s;
}

.contact-ul1 li .div1 .btn-div .yu1 {
  font-size: 0.45rem;
  color: #333;
}

.contact-ul1 li.li1 {
  z-index: 30
}

.contact-ul1 li.li2 {
  z-index: 20
}

.contact-ul1 li.li2 .div1 .name {
  width: 6rem;
  vertical-align: top;
}

.contact-ul1 li.li2 .div1 .btn-div {
  display: inline-block;
  width: calc(100% - 6rem - 1rem);
  position: relative;
  height: 1.75rem;
  line-height: 1.75rem;
  padding-left: 0.5rem;
}

.contact-ul1 li.li2 .div1 .btn-div .xias {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0rem;
  width: 0.45rem;
  height: 0.3rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.45rem;
  background-image: url(../img/dwons.png);
  transition: all 0.3s;
}

.contact-ul1 li.cur .div1 .btn-div .xias {
  transform: translateY(-50%) rotate(-180deg)
}

.contact-ul1 li .hover-div {
  position: absolute;
  top: 1.75rem;
  left: 0;
  width: calc(100% - 0.75rem);
  height: 4rem;
  padding: 0.5rem 0 0.5rem 0.75rem;
  background-color: #f5f5f5;
  border-top: 1px solid #e3e3e3;
  display: none
}

.contact-ul1 li .hover-div .tit-a {
  font-size: 0.45rem;
  display: block;
  color: #666;
  height: 1.2rem;
  line-height: 1.2rem;
  border-bottom: 1px solid #e3e3e3;
}

.contact-ul1 li.last {
  width: 100%;
  padding: 0.6rem 0;
  background-color: #f5f5f5;
}

.contact-ul1 li.last textarea {
  font-size: 0.55rem;
  color: #333;
  line-height: 0.75rem;
  padding: 0 0.75rem;
  width: calc(100% - 1.5rem);
  height: 5rem;
  background-color: #f5f5f5;
}

.form-contact .submit {
  font-size: 0.45rem;
  display: block;
  width: 3.75rem;
  height: 1.25rem;
  line-height: 1.25rem;
  margin: 1rem auto 0;
  background-color: #f3c41c
}

.join-from {
  font-size: 0;
  margin-top: 0.8rem;
}

.join-from .name {
  font-size: .9rem;
  line-height: 1rem;
  display: inline-block;
}

.join-from .form {
  display: inline-block;
  margin-left: 0.5rem;
  border-bottom: 1px solid #000;
  height: 1rem;
  line-height: 1rem;
  width: 11rem;
  position: relative;
  vertical-align: top
}

.join-from .form .text {
  font-size: 0.5rem;
  height: 1rem;
  line-height: 1rem;
  width: 80%;
  background-color: transparent
}

.join-from .form .submit {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/sou2.png);
  background-size: 25px;
  cursor: pointer;
  background-color: transparent
}

.ul-join {
  margin-top: 1.75rem;
}

.ul-join li .left {
  float: left;
  width: 3.5rem;
  font-size: 0.5rem;
  color: #333333;
  font-weight: bold
}

.ul-join li .right {
  float: left;
  width: calc(100% - 3.5rem);
  font-size: 0;
  text-align: left;
}

.ul-join li .right dl {
  margin-bottom: 0.4rem;
}

.ul-join li .right dl dd {
  display: inline-block;
  font-size: 0.5rem;
  height: 0.9rem;
  line-height: 0.9rem;
  color: #4c4c4c;
  /* margin-right: 1.5rem; */
  margin-right: 1rem;
  position: relative;
}

.ul-join li .right dl dd.first {
  padding: 0 0.5rem;
  background-color: #f2c31c;
  color: #333;
  text-align: center;
}

.ul-join li .right dl dd:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -0.625rem;
  width: 1px;
  height: 0.5rem;
  background-color: #ccc;
  content: "";
}

.ul-join li .right dl dd a {
  color: #4c4c4c;
  transition: all 0.3s ease;
}

.ul-join li .right dl dd a.cur {
  color: #f2c31c
}

.join-ul-mian {
  margin-top: 2.5rem;
  box-shadow: 0 6px 21px rgba(0, 0, 0, 0.07);
}

.join-ul-mian .ul-join1 li {
  padding: 0 1.5rem;
  background-color: #828282;
  height: 2rem;
  line-height: 2rem;
  text-align: left;
  font-size: 0;
}

.join-ul-mian .ul-join1 li div {
  font-size: 0.5rem;
  color: #fff;
  display: inline-block;
  width: 20%;
}

.join-ul-mian .ul-join2 .ul-div {
  padding: 0 1.5rem;
  text-align: left;
  font-size: 0;
  position: relative;
  border-bottom: 1px solid #ccc;
}

.join-ul-mian .ul-join2 .ul-div div {
  font-size: 0.5rem;
  color: #666666;
  display: inline-block;
  width: 20%;
  height: 2rem;
  line-height: 2rem;
  /* border-bottom: 1px solid #ccc; */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.join-ul-mian .ul-join2 .ul-div .btn-div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.5rem;
  width: 0.6rem;
  height: 0.6rem;
  display: block;
  z-index: 10;
  cursor: pointer;
  background-image: url(../img/jia.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  transition: all 0.3s ease;
}

.join-ul-mian .ul-join2 .ul-div .btn-div.cur {
  background-image: url(../img/jian.png);
}

.join-ul-mian .ul-join2 .join-show-div {
  padding: 0.75rem 1.5rem 0.8rem;
  background-color: #fafafa;
  display: none;
}

.join-ul-mian .ul-join2 .join-show-div .text-p {
  color: #666;
  line-height: 0.75rem;
  font-size: 0.45rem;
}

.join-ul-mian .ul-join2 .join-show-div .more-btn {
  display: block;
  width: 3.5rem;
  height: 1.25rem;
  line-height: 1.25rem;
  color: #fff;
  text-align: center;
  background-color: #f2c31c;
  margin-top: 1rem;
  font-size: 0.45rem;
}

.join-lisy .industry-list {
  background-color: #fff;
}

.join-ul-mian .ul-join2 li:last-child .ul-div div {
  border-bottom: 0;
}

.phoimgoho {
  display: none
}

.searchul {
  margin-top: 1.5rem;
  font-size: 0;
  border-bottom: 1px solid #e5e5e5;
}

.searchul li {
  display: inline-block;
  font-size: 0.55rem;
  height: 1.5rem;
  line-height: 1.5rem;
  position: relative;
  margin-right: 0.75rem;
}

.searchul li:after {
  position: absolute;
  bottom: 0;
  width: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 2px;
  background-color: #f2c31c;
  transition: all 0.3s;
  content: "";
}

.searchul li a {
  color: #333
}

.searchul li.cur:after {
  width: 100%;
}

@media (max-width: 1680px) {}

@media (max-width: 1440px) {
  .sup-ul li {
    margin-right: 0.5rem;
  }
}

@media (max-width: 1366px) {}

.conpany-list .map-div .left .add12 {
  top: 42.4%;
  left: 80.6%;
}

.conpany-list .map-div .left .add13 {
  top: 44.4%;
  left: 78.6%;
}

.conpany-list .map-div .left .add14 {
  top: 39.4%;
  left: 76.6%;
}

.conpany-list .map-div .left .add15 {
  top: 47.4%;
  left: 79.6%;
}

.solve-swiper .swiper-pagination {
  position: relative;
  line-height: 1;
  margin-top: 1rem;
}

.solve-swiper .swiper-pagination .swiper-pagination-bullet {
  border-radius: 50%;
  background: #cccccc;
}

.solve-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #f2c31c;
}