header .btline{
  border-bottom: 2px solid blue;
}
/*banner*/
section .products-banner{
  height: 400px;
  padding-top: 80px;
  min-width: 1200px;
  position: relative;
  overflow: hidden;
}
section .products-banner img{
  display: block;
  width: 2000px;
  height: 320px;
  position: absolute;
  left: 50%;
  margin-left: -1000px;
}
section .good-products{
  width: 1200px;
  height: 140px;
  margin-left: -600px;
  margin-bottom: -70px;
  text-align: center;
  color: white;
  position: absolute;
  left: 50%;
  bottom: 50%;
}
section .good-products .title{
  font-size: 2.4em;
  font-weight: bold;
  margin:20px auto;
}
section .good-products p{
  font-size: 1.1em;
}
section .good-products .btn{
  width: 150px;
  height: 40px;
  padding: 0px;
  border:1px solid white;
}
section .good-products .btn a{
  display: block;
  width: 100%;
  height: 100%;
  line-height: 40px;
  color: white;
  text-decoration: none;
}
section .good-products .btn a:hover{
  background-color: rgb(43,139,232);
  color: white;
}
/*面包屑*/
section .erp-address{
  width: 1200px;
  margin: auto;
  margin-top: 15px;
  font-size: 0.8em;
}
section .erp-address a{
  text-decoration: none;
}
/*中间部分*/
section .manage-title{
  width: 1200px;
  margin: 70px auto  80px;
  text-align: center;
  font-size: 1.8em;
  font-weight: bold;
}
section .center-circle{
  width: 100%;
  height: 550px;
  position: relative;
  background-color: rgb(17,49,87);
}
section .center-circle .center-witerp{
  width: 260px;
  height: 110px;
  color: white;
  font-size: 2.1em;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -130px;
  margin-top: -55px;
}
section .center-circlebox{
  width: 544px;
  height: 547px;
  margin:auto;
  animation:a1 20s linear infinite;
} 
@keyframes a1{
      from{
        transform:rotate(0deg);
      }
      to{
        transform:rotate(360deg);
      }
 }
section .center-circle img{
 display: block;
}
/*功能亮点*/
section .lightspot{
  width: 1200px;
  text-align: center;
  margin: 100px auto 100px;
  font-size: 1.8em;
  font-weight: bold;
}
section .lightbox{
  width: 1200px;
  height:870px;
  margin: auto;
  position: relative;
  /*border:1px solid red;*/
}
section .lightbox .first{
  width: 1200px;
  height: 290px;
  position: relative;
  /*border:1px solid red;*/
}
section .lightbox .therepic{
  width: 1200px;
  display: flex;
  /*border:1px solid red;*/
}
section .lightbox .therepic .pic{
  width: 400px;
  padding-top: 20px;
  text-align: center;
  /*border:1px solid red;*/
}
section .lightbox .therepic .pic img{
  display: block;
  margin: auto;
}
section .lightbox .therepic .pic p{
  margin-top: 10px;
  margin-bottom: 0px;
}
section .lightbox .therebox{
  width: 1200px;
  height:150px;
  display: none;
  overflow: hidden;
  margin-top: 20px;
  background-color:rgb(242,242,242);
}
section .lightbox .therebox .box{
  float: left;
  width: 33.33%;
  height: 80px;
  margin-top: 35px;
  padding: 0 50px;
}
section .lightbox .therebox .boxLine{
  border-left: 1px dotted rgb(50,50,50);
  border-right: 1px dotted rgb(50,50,50);
}
section .lightbox .therebox .smalltitle{
  font-size: 0.8em;
  font-weight: bold;
}
section .lightbox .therebox .describe{
  font-size: 0.9em;
}
/*第二组*/
section .lightbox .two{
  width: 1200px;
  height: 290px;
  position: relative;
}
section .lightbox .there{
  width: 1200px;
  height: 290px;
  position: relative;
}
/*伪类三角形*/
section .lightbox .top-one:after{
  width: 0px;
  height: 0px;
  content: "";
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  border-bottom: 20px solid rgb(242,242,242);
  position: absolute;
  left: 180px;
  top: 120px;
}
section .lightbox .top-two:after{
  width: 0px;
  height: 0px;
  content: "";
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  border-bottom: 20px solid rgb(242,242,242);
  position: absolute;
  left: 580px;
  top: 120px;
}
section .lightbox .top-there:after{
  width: 0px;
  height: 0px;
  content: "";
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
  border-bottom: 20px solid rgb(242,242,242);
  position: absolute;
  left: 980px;
  top: 120px;
}
/*设计*/
section .design-title{
  width: 1200px;
  text-align: center;
  font-size: 1.8em;
  font-weight: bold;
  margin: 60px auto 50px;
}
section .there-manageBox .line{
  width: 1200px;
  height: 50px;
  line-height: 50px;
  margin: auto;
  cursor: pointer;
  display: flex;
  justify-content: space-around;
  border-bottom: 1px solid rgb(222,222,222);
}
section .line .line-title{
  width: 200px;
  height: 53px;
  text-align: center;
}
section .there-manageBox .manage-box{
  height: 620px;
  margin: 50px 0 0;
  background-color: rgb(247,247,247);
}
section .manage-box .content{
  width: 1200px;
  height: 620px;
  margin: auto;
}
section .manage-box-img{
  display: block;
  margin:auto;
}
section .there-manageBox .border-bt{
  border-bottom: 4px solid blue;
}
section .manage-box-img2{
  display: none;
  margin-top: 100px;
  margin-left: 353px;
}
section .manage-box-img3{
  display: none;
  margin-top: 50px;
  margin-left: 225px;
}
section .two-button{
  width: 1200px;
  margin: auto;
  display:flex;
  flex-wrap:wrap;
  justify-content: space-around;
  align-content: space-around;
}
section .two-button .btn{
  width: 420px;
  height: 60px;
  line-height: 60px;
  color: white;
  padding: 0px;
  margin: 80px 0;
  background-color: rgb(1,67,203);
}
section .two-button .btn a{
  display: block;
  width: 420px;
  height: 60px;
  color: white;
  text-decoration: none;
}