.zizhi_box_title_tetx {
  padding: 0% 1% 2% 1% !important;
}
.brand_content_title p:nth-child(2) {
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 5px;
  padding-top: 20px;
}

.shengshi_index_company {
  width: 100%;
  margin-top: 0px;
  overflow: hidden;
  height: 878px;
}
.ahout_pinpai img {
  width: 100%;
}
.ahout_pinpai {
  position: relative;
}
.about_title {
  position: absolute;
  top: 9%;
  color: #fff;
  font-size: 27px;
  left: 20px;
  font-weight: 700;
  letter-spacing: 5px;
}
.about_img_pos {
  position: absolute;
  top: 24%;
  left: 13%;
}
.about_more_btn {
  width: 143px;
  height: 50px;
  border: 1px solid #fff;
  border-radius: 25px;
  text-align: center;
  line-height: 50px;
  position: absolute;
  top: 61%;
  left: 13%;
  color: #fff;
}
.about_content_text {
  position: absolute;
  top: 39%;
  left: 13%;
  color: #fff;
  width: 28%;
  line-height: 30px;
  font-size: 16px;
}
.about_more_btn:hover {
  border: 1px solid #268bba;
  transition: 0.3s;
  color: #268bba;
}
.img_b_yi {
  background-attachment: fixed;
  background-position: center;
}
.about_fazhan {
  position: relative;
  overflow: hidden;
}
.about_fazhan_title {
  position: absolute;
  top: 10%;
  color: #fff;
  font-size: 27px;
  left: 20px;
  font-weight: 700;
  letter-spacing: 5px;
}
.swiper-container-fazhan {
  width: 100%;
  position: absolute;
  top: 30%;
  left: 1%;
}
.swiper-container-fazhan .fazhan_left img {
  width: 22%;
  transition: 0.3s;
}
.swiper-container-fazhan .fazhan_left {
  width: 100%;
  transition: 0.3s;
  overflow: hidden;
}
.fazhan_right_time span:first-child {
  font-size: 60px;
  color: #fff;
  font-weight: 700;
}
.fazhan_right_time span:last-child {
  font-size: 20px;
  color: #fff;
  font-weight: 500;
}
.fazhan_right {
  display: inline-block;
  position: absolute;
  top: -20px;
  left: 26%;
}
.fazhan_right p {
  margin-top: 0px;
}
.fazhan_right_text {
  color: #fff;
  font-size: 22px;
  line-height: 35px;
  font-weight: 100;
  width: 52%;
}
.pagination_right {
  width: 130px;
  height: 80%;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 65px;
  position: absolute;
  top: 73px;
  right: 40px;
}
.swiper-button-next-fazhan {
  width: 38px;
  height: 38px;
  border: 2px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 55px;
  left: 35%;
}
.swiper-button-next-fazhan::after {
  content: "\e61f";
  font-family: "iconfont";
  color: #fff;
  font-size: 20px;
}
.swiper-button-prev-fazhan {
  width: 38px;
  height: 38px;
  border: 2px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 90%;
  left: 35%;
}
l .swiper-button-prev-fazhan::after {
  content: "\e634";
  font-family: "iconfont";
  color: #fff;
  font-size: 20px;
}
.swiper-pagination-fazhan {
  position: absolute;
  top: 22%;
  /* left: 32%; */
  width: 100%;
  text-align: center;
}
.swiper-pagination-fazhan .swiper-pagination-bullet {
  display: block;
  background-color: none;
  width: 100%;
  text-align: center;
}
.shengshi_index_company_right {
  overflow: auto;
}
/* .swiper-pagination-fazhan .swiper-pagination-bullet:nth-child(1):after{
    content: '2007';
    color: #fff;
    font-size: 20px;
    letter-spacing: 2px;
} */
/* .swiper-pagination-fazhan .swiper-pagination-bullet:nth-child(2)::after{
    content: '2008';
    color: #fff;
    font-size: 20px;
    letter-spacing: 2px;
    
} */
.swiper-pagination-fazhan .swiper-pagination-bullet:nth-child(2) {
  margin-top: 50px;
}
.swiper-pagination-fazhan .swiper-pagination-bullet:nth-child(3) {
  margin-top: 50px;
}
.swiper-pagination-fazhan .swiper-pagination-bullet-active {
  background-color: transparent !important;
  color: #24aae1;
}
.swiper-pagination-fazhan .swiper-pagination-bullet-active::after {
  color: #24aae1 !important;
  font-weight: 700;
  font-size: 25px !important;
  text-align: center;
}

/* .swiper-pagination-fazhan .swiper-pagination-bullet:nth-child(3)::after{
    content: '2009';
    color: #fff;
    font-size: 20px;
    letter-spacing: 2px;
    
} */
.fazhan_left:hover img {
  transition: 0.3s;
  transform: scale(1.2);
}
.qiye_left {
  width: 50%;
  float: left;
  overflow: hidden;
  position: relative;
}
.qiye_right {
  width: 50%;
  float: left;
  overflow: hidden;
  position: relative;
}
.qiye_left img,
.qiye_right img {
  width: 100%;
  transition: 0.3s;
}
.qiye_left:hover img {
  transition: 0.3s;
  transform: scale(1.2);
}
.qiye_right:hover img {
  transition: 0.3s;
  transform: scale(1.2);
}
.qiye_left_title {
  color: #fff;
  position: absolute;
  top: 10%;
  left: 3%;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 3px;
}
.about_qiye {
  width: 100%;
  overflow: hidden;
  /* position: relative; */
}
.qiye_left_text {
  color: #fff;
  position: absolute;
  bottom: 15%;
  left: 3%;
  font-size: 22px;
  line-height: 45px;
}
.qiye_right_title {
  position: absolute;
  left: 1%;
  bottom: 15%;
  color: #fff;
  font-size: 22px;
  left: 7%;
}
.yewu_box_title {
  color: #333;
  font-size: 28px;
  letter-spacing: 5px;
  font-weight: 700;
  padding: 3% 0% 2.5% 1.5%;
}

/* 手风琴 */
.yewu_box {
  overflow: hidden;
  /* padding-bottom: 10%; */
  margin: 0px 1.5%;
}
.pic_btm_title {
  position: absolute;
  bottom: -9%;
  font-size: 18px;
  left: 0px;
}
.wrap {
  width: 97%;
  height: 587px;
  position: relative;
  /* overflow: hidden; */
}

.pic {
  width: 99%;
  height: 100%;
  cursor: pointer;
}

.pic1 {
  background: url("../imgs/yewu1.jpg");
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.wrap .pic_num {
  width: 100%;
  color: #fff;
  font-size: 20px;
  margin-top: 55px;
  margin-left: 40px;
}
/* .pic_num1{width:74px;height:79px;position:absolute;top:40px;left:17px;background:url('../imgs/yinyueguan.png');background-position:0 0;display:none;} */
.pic2 {
  background: url("../imgs/yewu2.jpg");
  position: absolute;
  top: 0;
  left: 20%;
  z-index: 3;
}

/* .pic_num2{width:74px;height:79px;position:absolute;top:40px;left:17px;background:url('./static/imgs/about_banner3.jpg');background-position:-69px 0;} */
.pic3 {
  background: url("../imgs/yewu3.jpg");
  position: absolute;
  top: 0;
  left: 40%;
  z-index: 5;
}

/* .pic_num3{width:74px;height:79px;position:absolute;top:40px;left:17px;background:url('./static/imgs/about_banner3.jpg');background-position:-138px 0;} */
.pic4 {
  background: url("../imgs/yewu4.jpg");
  position: absolute;
  top: 0;
  left: 60%;
  z-index: 7;
}

/* .pic_num4{width:74px;height:79px;position:absolute;top:40px;left:17px;background:url('./static/imgs/about_banner3.jpg');background-position:-207px 0;} */
.pic5 {
  background: url("../imgs/yewu5.jpg");
  position: absolute;
  top: 0;
  left: 80%;
  z-index: 9;
}

/* .pic_num5{width:73px;height:79px;position:absolute;top:40px;left:18px;background:url('./static/imgs/about_banner3.jpg');background-position:-276px 0;} */
.pic6 {
  background: url("../imgs/yewu6.jpg");
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 11;
}
.customer_title {
  width: 100%;
  text-align: center;
  padding: 4% 0px 3% 0px;
}
.customer_title p {
  display: inline-block;
  color: #fff;
  font-size: 22px;
  padding: 0px 2%;
}
.customer_title p:first-child {
  color: #24aae1;
}
.swiper-container-customer {
  margin: 0px 2% 2% 2%;
}
.swiper-container-customer .swiper-slide {
  text-align: center;
  border: 1px solid #fff;
  /* padding: 3%; */
}
.swiper-container-customer .swiper-slide img {
  width: 100%;
}
.swiper-container-customer .swiper-slide:hover {
  background-color: #fff;
}
/* .swiper-container-customer .swiper-slide:hover img{
    background-image: url(../imgs/oshang_col.png);
    z-index: 998;
} */
.customer {
  position: relative;
}
.swiper-pagination-customer {
  width: 100%;
  position: absolute;
  bottom: 15%;
}
.swiper-pagination-customer .swiper-pagination-bullet {
  width: 17px;
  height: 17px;
  margin-right: 15px;
  background-color: transparent;
  border: 1px solid #fff;
}
.swiper-pagination-customer .swiper-pagination-bullet-active {
  background-color: #fff;
}
.swiper-button-next-customer {
  position: absolute;
  top: 83%;
  right: 40%;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  border: 2px solid #fff;
  border-radius: 50%;
}
.swiper-button-next-customer::after {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
}
.swiper-button-prev-customer {
  position: absolute;
  top: 83%;
  left: 39%;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  border: 2px solid #fff;
  border-radius: 50%;
}
.swiper-button-prev-customer::after {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
}
.zizhi_box_title {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  color: #333;
  padding: 5% 0px 2% 1%;
  float: left;
}

.zizhi_box_top {
  overflow: hidden;
}
.zizhi_box_title_tetx {
  font-size: 16px;
  float: right;
  padding: 5% 1% 2% 1%;
}
.zizhi_box {
  background-color: #f4f4f4;
}
.swiper-container-zizhi .swiper-slide {
  width: 30%;
  background-color: #fff;
  text-align: center;
  position: relative;
  margin-bottom: 7%;
}
.swiper-container-zizhi .swiper-slide .zizhi_one_box {
  padding: 4% 0px 0px 0px;
  z-index: 999;
  position: relative;
}
.swiper-container-zizhi .swiper-slide .zizhi_one_box .bac_center img {
  z-index: 1000;
  width: 13%;
}
.swiper-container-zizhi .swiper-slide:hover .zizhi_one_box .bac_center {
  opacity: 1;
  transition: 0.3s;
}
/* .swiper-container-zizhi .swiper-slide .zizhi_one_box:hover::after{
    background-image: url(../imgs/fangda7.png);
    z-index: 999;
    text-align: center;
    height: 80px;
} */
.bac_center {
  transition: 0.3s;
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-container-zizhi {
  margin-left: 20px;
  margin-right: 20px;
}
.swiper-container-zizhi .swiper-slide img {
  width: 50%;
  padding-bottom: 10%;
  padding-top: 8%;
  z-index: -1;
}
.btmz_zizhi {
  color: #999;
  font-size: 25px;
  width: 100%;
  text-align: center;
  height: 70px;
  line-height: 70px;
  border-top: 1px solid #ccc;
}
.w_fangda {
  width: 100%;
}
.w_suoxiao {
  width: 50%;
}
.shebei {
  height: 526px;
  position: relative;
}
.shebei img {
  width: 100%;
  height: 100%;
}
.shebei_title {
  color: #fff;
  font-size: 27px;
  position: absolute;
  top: 13%;
  left: 2%;
}
.shebei .shebei_box li {
  float: left;
  width: 20%;
  text-align: center;
}
.shebei_box {
  position: absolute;
  top: 37%;
  width: 100%;
}
.shebei .shebei_box li .num {
  display: inline-block;
  color: #fff;
  font-size: 60px;
  font-weight: 700;
}
.shebei .shebei_box li span {
  color: #fff;
  font-size: 23px;
}
.shebei .shebei_box li .shebei_en {
  color: #fff;
  padding-top: 5%;
}
.shebei_btm {
  overflow: hidden;
  height: 924px;
}
.shebei_btm_left {
  width: 50%;
  height: 100%;
  float: left;
}
.swiper-button-next-shebei {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #fff;
  position: absolute;
  top: 33%;
}
.swiper-button-next-shebei::after {
  content: "\e624";
  font-family: "iconfont";
  color: #fff;
  font-size: 25px;
  font-weight: 100;
}
.swiper-button-next-zizhi {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #fff;
  background-color: #ccc;
  position: absolute;
  top: 37%;
}
.swiper-button-next-zizhi::after {
  content: "\e624";
  font-family: "iconfont";
  color: #fff;
  font-size: 25px;
  font-weight: 100;
}
.customer {
  height: 572px;
}
.about_more_btn a {
  color: #fff;
  text-decoration: none;
}
.about_more_btn a:hover {
  color: #24aae1;
  text-decoration: none;
}
