body{
  width: 100%;
  height: 100%;
}

/*顶部标题*/
.title-part {
  position: relative;
  top: 70px;
  margin-bottom: 70px;
  width: 100%;
  height: 150px;
  background: url("../img/dawei_bg_01.png") no-repeat center;
  background-size: cover;
}

/* main */
.main-part {
  width: 70%;
  margin: 0 auto;
  background: #ffffff url("../img/v_bg.png") no-repeat center;
  background-size: cover;
  position: relative;
  z-index: 10;
  top: -30px;
  margin-bottom: -30px;
  padding: 20px;
}
.main-part .main-title {
  text-align: center;
  border-bottom: 1px solid #f4f4ff;
  padding: 10px 0;
}
.main-part .v-icon img {
  width: 15px;
  text-align: center;
  display: block;
  margin: 0 auto;
}
.main-part .content {
  font-size: 12px;
  padding: 30px 20px;
}
.main-part .content p {
  margin: 20px 0;
  line-height: 22px;
}
/* 公司环境 */
.env {
  width: 100%;
  height: 400px;
  background: url("../img/dawei_bg_02.jpg") no-repeat center;
  background-size: cover;
}
/* 业务范围 */
.business-area {
  width: 100%;
  padding-bottom: 20px;
}
.business-area-box {
  width: 70%;
  margin: 0 auto;
}
.business-area-box .business-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.business-area-box .business-content li {
  width: 33%;
  margin-top: 20px;
}
.business-area-box .business-content li img {
  width: 80px;
  display: block;
  margin: 0 auto;
}
.business-area-box .business-content li .desc {
  text-align: center;
  font-size: 12px;
  padding: 15px 0;
}
/* 组织架构 */
.organization {
  width: 100%;
  background: url("../img/dawei_bg_03.png") no-repeat center;
  background-size: cover;
  height: 500px;
}
.organization .organ-box {
  width: 70%;
  margin: 0 auto;
  position: relative;
}
.organization .organ-box .profile-title .title-icon .row-line {
  border-color: #ffffff;
}
.organization .organ-box .organ-pic img {
  width: 600px;
  position: absolute;
  left: calc(50% - 320px);
}
.organization .organ-box .organ-pic img {
  width: 600px;
}
/* 分支机构 */
.branch {
  width: 100%;
  height: 1000px;
}
.branch .branch-box {
  width: 70%;
  margin: 0 auto;
}
.branch .branch-box .branch-cont {
  width: 360px;
  height: 880px;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
}
.branch .branch-box .branch-cont .years-pic {
  width: 80px;
  height: 100%;
  background: url("../img/dawei_branch.png") no-repeat center;
  background-size: cover;
}
.branch .branch-box .branch-cont .years-content {
  width: calc(100% - 80px);
  height: 100%;
  box-sizing: border-box;
  padding-left: 20px;
}
.branch .branch-box .branch-cont .years-content li {
  width: 100%;
  margin: 18px 0;
  font-size: 12px;
}
.branch .branch-box .branch-cont .years-content li .desc {
  color: #4ba4ef;
}

/* 公司概况标题 */
.profile-title {
  width: 100%;
  text-align: center;
  padding: 30px 0 20px;
}
.profile-title .title-icon {
  margin: 0 auto;
}
.profile-title .title-icon .row-line {
  display: inline-block;
  width: 60px;
  height: 5px;
  border-top: 2px solid #eeeeee;
}
.profile-title .title-icon img {
  width: 15px;
  margin: 0 10px;
}
.profile-title .title-ch {
  font-size: 16px;
  margin: 5px 0;
}

/* 企业文化 */
.main-part .culture {
  width: 410px;
  margin: 0 auto;
  padding: 60px 0 90px;
  position: relative;
}
.main-part .culture .para {
  margin: 0;
  line-height: 30px;
  padding: 10px 0;
  position: relative;
  color: #5c5c5c;
}
.main-part .culture .para .line {
  width: 460px;
  height: 1px;
  background: #cccccc;
  position: absolute;
  top: 40px;
  left: 0;
}
.main-part .culture .title {
  margin: 10px 0;
  font-size: 18px;
  text-align: center;
  color: #5c5c5c;
}
.main-part .culture .pic {
  width: 150px;
  height: 200px;
  position: absolute;
  bottom: -20px;
  right: -90px;
  background: url("../img/dawei_culture_01.png") no-repeat center;
  background-size: cover;
}
/* 信誉第一 客户至上 */
.culture-reputation {
  width: 100%;
  height: 360px;
  background-color: #f2f2f2;
}
.culture-reputation .reputation-box {
  width: 70%;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.culture-reputation .reputation-box .content {
  width: 300px;
  height: 300px;
  position: absolute;
  left: calc(50% - 120px);
  top: 20px;
  background: url("../img/dawei_culture_05.png") no-repeat center;
  background-size: cover;
  z-index: 10;
}
.culture-reputation .reputation-box .pic {
  width: 180px;
  height: 200px;
  position: absolute;
  bottom: 38px;
  left: calc(50% - 300px);
  background: url("../img/dawei_culture_02.png") no-repeat center;
  background-size: cover;
}
/* 至诚至善 做优做强 */
.culture-honest {
  width: 100%;
  height: 360px;
}
.culture-honest .honest-box {
  width: 70%;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.culture-honest .honest-box .content {
  width: 420px;
  height: 200px;
  margin: 0 auto;
  margin-top: 80px;
  background: url("../img/dawei_culture_06.png") no-repeat center;
  background-size: cover;
  z-index: 10;
}
.culture-honest .honest-box .pic {
  width: 100%;
  height: 150px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: url("../img/dawei_culture_03.png") no-repeat center;
  background-size: contain;
}
/* 求实求稳 从高从严 */
.culture-stable {
  width: 100%;
  height: 450px;
  background-color: #f2f2f2;
}
.culture-stable .stable-box {
  width: 70%;
  height: 100%;
  margin: 0 auto;
  position: relative;
  padding-top: 10px;
}
.culture-stable .stable-box .content {
  width: 300px;
  height: 300px;
  margin: 0 auto;
  margin-top: 80px;
  position: relative;
  z-index: 10;
  background: url("../img/dawei_culture_07.png") no-repeat center;
  background-size: cover;
  z-index: 10;
}
.culture-stable .stable-box .pic {
  width: 100%;
  height: 150px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("../img/dawei_culture_04.png") no-repeat center;
  background-size: contain;
}

/* 资质荣誉 */
.main-part .honor {
  margin: 30px 0;
}
.main-part .honor img {
  width: 80px;
  display: block;
  margin: 0 auto;
}
/* 资质证书 */
.honor-quali-certi {
  width: 100%;
  height: 270px;
  background: url("../img/dawei_honor_03.png") no-repeat center;
  background-size: cover;
  position: relative;
}
.honor-quali-certi .certi-box {
  width: 666px;
  height: 100%;
  margin: 0 auto;
  position: absolute;
  top: -44px;
  margin-bottom: 44px;
  left: calc(50% - 333px);
  z-index: 10;
}
.swiper-container {
  width: 666px;
  height: 100%;
  position: absolute;
  left: 0;
}
.swiper-container .swiper-slide {
  width: 100%;
  height: 100%;
  background: transparent;
  position: relative;
}
.swiper-container .swiper-slide .certificate {
  width: 222px;
  height: 100%;
  background: url("../img/hexagon_white.png") no-repeat center;
  background-size: contain;
  position: absolute;
}
.swiper-container .swiper-slide .certificate1 {
  left: calc(50% - 333px);
  top: 0;
}
.swiper-container .swiper-slide .certificate2 {
  left: calc(50% - 111px);
  top: 0;
}
.swiper-container .swiper-slide .certificate3 {
  left: calc(50% + 111px);
  top: 0;
}
.swiper-container .swiper-slide .certificate:hover {
  background-image: url("../img/hexagon_gray.png");
}
.swiper-container .swiper-slide .certificate img {
  width: 80%;
  margin-top: 50px;
}
.swiper-container .swiper-slide .certificate .intro {
  font-size: 12px;
  width: 60%;
  margin: 0 auto;
  padding: 5px 0;
  margin-top: 10px;
  color: #4ba4ef;
}
.swiper-container .swiper-slide .certificate:hover .intro {
  color: #ffffff;
  border-bottom: 2px solid #0d45b8;
}
/* 荣誉证书 */
.honor-certi {
  width: 100%;
  height: 420px;
  position: relative;
}
.honor-certi-box {
  width: 666px;
  height: 270px;
  margin: 0 auto;
  position: absolute;
  top: -0;
  left: calc(50% - 333px);
  z-index: 10;
}
.honor-certi-box .honor-icon {
  width: 80px;
  margin: 0 auto;
  display: block;
  margin-top: 40px;
  margin-bottom: 30px;
}

/* 加入我们 */
.main-part {
  background: #ffffff;
}
.main-part .join {
  width: 100%;
}
.main-part .join .left {
  float: left;
}
.main-part .join img {
  width: 150px;
}
.main-part .join .right {
  float: left;
  width: calc(100% - 160px);
  padding-left: 30px;
  box-sizing: border-box;
}
.main-part .join .right .desc {
  width: 100%;
}
.main-part .join .right .email-box {
  width: 100%;
  height: 80px;
  background-color: #f4f4ff;
  text-align: center;
}
.main-part .join .right .email-box .send {
  padding: 10px 0;
}
.main-part .join .right .email-box .email {
  width: 180px;
  height: 30px;
  margin: 0 auto;
  line-height: 30px;
  background: #3986e0;
  color: #ffffff;
  border-radius: 15px;
  cursor: pointer;
}
.main-part .join .right .email-box .email:hover {
  text-decoration: underline;
}
.main-part .jobs {
  padding: 30px 20px;
}
/*手风琴下拉样式*/
.bellows {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background:#fff;
}
.bellows__header {
  position: relative;
  padding: 15px 20px;
  border: 1px solid #fff;
  border-width: 0 0 1px;
  background: #f4f4ff;
  -webkit-tap-highlight-color: transparent; 
}
.bellows__header:hover{
  cursor: pointer;
}
.bellows__header::before, .bellows__header::after {
  content: '';
  position: absolute;
  top: 50%;
  z-index: 2;
  display: block;
  pointer-events: none;
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
  transition: transform 0.25s ease-in-out; 
}
.bellows__header::after {
  right: 20px;
  width: 10px;
  height: 8px;
  margin-top: -4px;
  background: url("../img/dawei_join_arrow.png") no-repeat center;
  background-size: contain;
}
.bellows__header::before {
  left: -5px;
  width: 4px;
  height: 16px;
  margin-top: -8px;
  background: #0d45b8;
}
.bellows__header::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); 
}
.bellows__item.active > .bellows__header::after {
  -ms-transform: rotate(360deg);
  transform: rotate(360deg); 
}
.bellows__item:last-child > .bellows__header {
  border-bottom: 0; 
}
.bellows__header h4 {
  margin: 0;
  font-size: 16px;
}
.bellows__content {
  padding: 20px;
  border: 1px solid #ecf0f1;
  font-size: 12px;
}
.bellows__content .bellows {
  margin-top: 20px; 
}
.bellows__content h5 {
  font-size: 14px;
  font-weight: bold;
}


@media  screen  and (max-width: 970px) {
  .main-part {
    width: 100%;
  }
  .env {
    height: 220px;
  }
  .business-area-box .business-content li img {
    width: 60px;
  }
  .organization {
    height: 400px;
  }
  .organization .organ-box .organ-pic img {
    width: 400px;
    position: absolute;
    left: calc(50% - 210px);
  }
  .organization .organ-box .organ-pic img {
    width: 400px;
  }
  .branch .branch-box {
    width: 100%;
  }
  .main-part .culture {
    width: 100%;
    margin: 0 auto;
  }
  .main-part .culture .para .line {
    width: 100%;
  }
  .main-part .culture .pic {
    bottom: -0;
    right: -0;
  }
  .culture-reputation .reputation-box .content {
    width: 100%;
    left: calc(50% - 100px);
    background-size: contain;
  }
  .culture-reputation .reputation-box .pic {
    left: calc(50% - 200px);
  }
  .culture-honest .honest-box {
    width: 100%;
  }
  .culture-honest .honest-box .content {
    width: 100%;
    background-size: contain;
  }
  .culture-honest .honest-box .pic {
    width: 100%;
    height: 100px;
  }
  .culture-stable .stable-box {
    width: 100%;
  }
  .honor-quali-certi .certi-box {
    width: 100%;
    left: 0;
    overflow: hidden;
  }
  .swiper-container {
    left: calc(50% - 333px);
  }
  .honor-certi {
    overflow: hidden;
  }
  .honor-certi-box {
    width: 100%;
    left: 0;
  }
  .main-part .join {
    padding: 30px 0;
  }
  .main-part .join .left {
    display: none;
  }
  .main-part .join .right {
    width: 100%;
    padding: 0;
  }
  .main-part .jobs {
    padding: 0;
  }
}