html,
body {
  width: 100%;
  height: 100%;
  /* overflow: hidden; */
  margin: 0;
  padding: 0;
}
/* 背景 */
.bgi{
  box-sizing: border-box;
  overflow: hidden;
  padding-top: 70px;
  min-width: 1280px;
}
/* 头部导航 */
.linkBox{
  height: 65px;
  width: 485px;
  float: right;
}
a{
  display: block;
  float: left;
  margin-top: 15px;
  height: 100%;
  width: 20%;
}
.a1{

  background: url('../images/title/home.png') no-repeat center center;
}
.a1:hover{

  background: url('../images/title/home1.png') no-repeat center center;
}

.a2{

  background: url('../images/title/experience.png') no-repeat center center;
}
.a2:hover{

  background: url('../images/title/experience1.png') no-repeat center center;

}

.a3{

  background: url('../images/title/service.png') no-repeat center center;

}
.a3:hover{

  background: url('../images/title/service1.png') no-repeat center center;
}

.a4{
  background: url('../images/title/parther.png') no-repeat center center;

}
.a4:hover{

  background: url('../images/title/parther1.png') no-repeat center center;
}

.a5{

  background: url('../images/title/contact1.png') no-repeat center center;
}
.a5:hover{

  background: url('../images/title/contact.png') no-repeat center center;
}

.title{
  height: 70px;
  width: 1133px;
  margin: 0 auto;
}

/* 左右点击切换 */
#leftBox{
  width: 50%;
  height: 100%;
  float: left;
  cursor: pointer;
  
}
#rightBox{
  width: 50%;
  height: 100%;
  float: left;
  cursor: pointer;
}
/* 滚动条 */
::-webkit-scrollbar-track-piece {
  background-color: #f8f8f8;
}

::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

::-webkit-scrollbar-thumb {
  background-color: #dddddd;
  background-clip: padding-box;
  min-height: 28px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #bbb;
}