body * {
  box-sizing: border-box;
}

.bunnerDiv img {
  width: 100%;
}

.leaderDiv .titleDiv {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  color: #333333;
  line-height: 60px;
  padding-top: 50px;
  padding-bottom: 30px;
}

.leaderDiv .titleDiv span {
  display: inline-block;
  width: 80px;
  height: 5px;
  background-color: #d5d9e8;
  position: relative;
  top: -10px;
}

.leaderDiv .leaderBox {
  margin: 20px 0;
  list-style-type: none;
}

.leaderDiv .leaderBox dl {
  width: 50%;
  text-align: center;
  float: left;
  padding: 0 5%;
  box-sizing: border-box;
}

.leaderDiv .leaderBox dt {
  width: 100%;
  box-shadow: 1px 1px 5px #888888;
  overflow: hidden;
}

.leaderDiv .leaderBox dt img {
  width: 100%;
}

.leaderDiv .leaderBox dd {
  box-shadow: 1px 1px 5px #888888;
  width: 100%;
  line-height: 50px;
  padding: 10px;
  box-sizing: border-box;
}

.leaderBox dt img {
  width: 100%;
  -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
  transition: transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  cursor: pointer;
}

.leaderBox dt:hover>img {
  transform: scale(1);
  transition: transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
  transition: -webkit-transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
  transition: transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
  transition: transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995), -webkit-transform 1000ms cubic-bezier(0.335, 0.015, 0.46, 0.995);
}

/* 研发 */

.researchDiv {
  padding-top: 90px;
  padding-bottom: 90px;
  background-color: #f8f8f8;
}

.researchRowDiv .right1 h2, .researchRowDiv .right1 p {
  text-align: left;
}

.researchRowDiv .right1 h2 {
  font-size: 28px;
  padding-left: 30px;
  background: url(../image/right2.png) no-repeat 0;
  background-size: 30px;
}

.researchRowDiv .left2 h2 {
  padding-right: 30px;
  background: url(../image/left1.png) no-repeat right;
  background-size: 30px;
}

.researchRowDiv .left2 h2, .researchRowDiv .left2 p {
  text-align: right;
}

.researchRowDiv p {
  line-height: 30px;
}

.researchRowDiv .left1, .researchRowDiv .right2 {
  width: 60%;
  float: left;
}

.researchRowDiv .right1 {
  width: 40%;
  float: left;
  padding-left: 20px;
}

.researchRowDiv .left2 {
  width: 40%;
  float: left;
  padding-right: 20px;
}

.researchRowDiv .moreBtn {
  margin: 0;
  margin-top: 20px;
}

.researchRowDiv img {
  min-height: 270px;
  width: 100%;
}

/* 科技 */

.technologyDiv {
  padding-top: 90px;
  padding-bottom: 90px;
}

.technologyBox .dlBox {
  width: 49%;
  float: left;
}

.technologyBox .dlBox .titleDiv {
  background: url(../image/titleBg.png) no-repeat center;
  background-size: 100% 35px;
  padding: 0;
  font-size: 22px;
}

.technologyBox .dlBox .titleDiv .title {
  float: left;
  line-height: 60px;
  font-size: 22px;
  padding-left: 12%
}

.technologyBox .dlBox .titleDiv .more {
  float: right;
  line-height: 60px;
  font-size: 16px;
}

.technologyBox .dlBox img {
  width: 100%;
  clear: both;
}

.technologyBox .dlBox ul {
  list-style: disc inside;
  padding: 20px 20px;
}

.technologyBox .dlBox ul li {
  text-align: left;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.technologyBox .dlBox ul li:hover {
  color: #337ab7;
}
.moreBtn {
  margin: 50px auto;
  color: #0880df;
  width: 150px;
  height: 50px;
  border: 1px solid #0880df;
  cursor: pointer;
}

.moreBtn .svg-wrapper2 {
  margin: 0;
  position: relative;
  height: 100%;
  display: inline-block;
  border-radius: 3px;
  width: 100%;
}

.shape2 {
  stroke-width: 6px;
  fill: transparent;
  stroke: #c6c9ee;
  stroke-dasharray: 0 400;
  stroke-dashoffset: -220;
  transition: 1s all ease;
}

.svg-wrapper2:hover .shape2 {
  stroke-dasharray: 50 0;
  stroke-width: 3px;
  stroke-dashoffset: 0;
  stroke: #c6c9ee;
}

.text2 {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.text2 a {
  display: table;
  border: 1px solid #fff;
  width: 100%;
  line-height: 50px;
}

.text2 a:hover {
  border: 1px solid transparent;
  text-decoration: none;
}