.box{
  min-width: 1200px;
  max-width: 100%;
  overflow: hidden;
}
.head{
  position: relative;
  width: 100%;
  height: 510px;
}
.icon{
  position: absolute;
  width: 188px;
  top: 30px;
  left: 2.5%;
}
.head ul{
  position: absolute;
  right: 5%;
  top: 15px;
}
.head ul li{
  display: inline;
  line-height: 86px;
  margin: 25px;
}
.head ul li a{
  font-size: 18px;
  font-family: "PingFangSC";
  color: #999999;
}
.liactive{
  color: #f99d26 !important;
}
.head-img img{
  position: absolute;
  min-width: 1200px;
  max-width: 100%;
  height: 400px;
  top: 110px;
}
.center{
  width: 100%;
  height: 3340px;
}
.center-one{
  width: 1330px;
  height: 500px;
  margin: 100px 15%;
}
.title{
  height: 80px;
  text-align: left;
  margin-bottom: 50px;
}
.title h1{
  font-size: 34px;
}
.title p{
  font-size: 18px;
  line-height: 36px;
  font-weight: bold;
  color: #c1c1c1;
}
.center-one ul{
  width: 1360px;
  height: 370px;
}
.center-one li{
  float: left;
  width: 310px;
  height: 370px;
  text-align: center;
  background-color: #fbfbfb;
  margin-right: 30px;
}
.center-one li img{
  margin: 45px 0 25px 0;
}
.center-one li h1{
  color: #001039;
  font-weight: normal;
  font-size: 24px;
  margin-bottom: 50px;
}
.center-one li p{
  width: 265px;
  height: 130px;
  font-size: 16px;
  color: #999999;
  margin: 0 auto;
}
.center-two{
  width: 1330px;
  height: 800px;
  margin: 100px 15%;
  text-align: center;
}
.left{
  float: left;
}
.right{
  float: right;
  width: 850px;
  height: 570px;
  margin: 45px 0 45px 0;
  background-color: #f7f8f9;
}
.right div{
  width: 800px;
  border: 1px dashed #dee0e5;
  margin: 15px 25px 15px 25px;
}
.right #head ul{
  width: 870px;
  height: 180px;
}
.right #head ul li{
  float: left;
  width: 220px;
  height: 100px;
  margin: 0 25px;
}
.right #head ul li h1{
  color: #001039;
  font-weight: normal;
  font-size: 24px;
  margin: 45px 0 20px 0;
}
.right #head ul li p{
  width: 225px;
  height: 60px;
  color: #999999;
  font-size: 15px;
}
#mid{
  text-align: center;
}
#mid h1{
  font-weight: normal;
  font-size: 24px;
  color: #001039;
  margin: 15px 0;
}
#list{
  height: 155px;
}
#list ul{
  width: 800px;
  margin: 15px 0 15px 0;
  text-align: center;
}
#list ul li{
  float: left;
  margin-left: 8px;
}
#list ul li h1{
  font-size: 18px;
  font-weight: normal;
  color: #001039;
}
.center-three{
  width: 1330px;
  height: 1020px;
  margin: 100px 15%;
}
.center-three ul{
  width: 1378px;
}
.center-three li{
  float: left;
  width: 310px;
  height: 410px;
  margin-right: 30px;
  margin-bottom: 60px;
  background-color: #fbfbfb;
  cursor: pointer;
}
.active{
  background-color: #ffffff !important;
  box-shadow: 6px 6px #fbfbfb;
}
.center-three li img{
  margin-bottom: 30px;
}
.center-three li h1{
  margin: 15px 0 15px 20px;
  font-size: 24px;
  
}
.center-three li div{
  content: '';
  width: 18px;
  border: 2px solid #000;
  background-color: #000;
  display: block;
  margin-left: 20px;
}
.center-three li p{
  margin: 50px 0 50px 20px;
  font-size: 18px;
  color: #999999;
}