.aboutus{
  width: 100%;
  height: auto;
  float: left;
}
.aboutusWrap{
  width:92%;
  height: auto;
  margin: 0 auto;
}
.aboutusdiv{
  width:100%;
  height: auto;
  float: left;
}
.dcbuildl{
  width:100%;
  height: auto;
  float: left;
  text-align: center;
}
.dcbuildw{
  width:92%;
  height: auto;
  margin:0 auto;
}
.dcbuildList{
  position: relative;
}
.listBnnerWrap strong a{
  float:left;
  margin-top:-10px;
}
.dcbuildList2,.dcbuildList3,.dcbuildList4,.dcbuildList5{
  padding:3rem 0rem 3rem 0rem;
}
.dcbuildList3{
    background: url(../image/bg.jpg) no-repeat;
    background-position: bottom;
	height: 580px!important;
}
.datacMain{
  margin-top:1rem;
}
.dcbuildList2 ul{
  width:100%;
  float:left;
}
.dcbuildList2 ul li{
 width:48%;
 height:240px;
 float:left;
 margin-bottom:20px;
 position:relative;
 transition: box-shadow .3s;
}
.dcbuildList2 ul li:hover{
 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}
.dcbuildList2 ul li b{
 padding:8px 70px;
 position:absolute;
 border: 2px solid #fff;
 top: 91px;
 left: 155px;
 color: #fff;
 font-weight: normal;
 font-size: 26px;
}
.dcbuildList2 ul li:nth-of-type(1){
  background:url(../image/p7.png) no-repeat;
  background-size:cover;
}
.dcbuildList2 ul li:nth-of-type(2){
  background:url(../image/p6.png) no-repeat;
  background-size:cover;
}
.dcbuildList2 ul li:nth-of-type(3){
  background:url(../image/p8.png) no-repeat;
  background-size:cover;
}
.dcbuildList2 ul li:nth-of-type(4){
  background:url(../image/p5.png) no-repeat;
  background-size:cover;
}
.dcbuildList2 ul li:nth-of-type(2),.dcbuildList2 ul li:nth-of-type(4){
  margin-right:0;
  margin-left:2%;
}
.dcbuildList3 ul{
  width:100%;
  float: left;
  margin:1rem 0rem 1rem 0rem;
  margin-left:1.2%;
}
.dcbuildList3 ul li{
  width:24%;
  height: 400px;
  float: left;
  background-color: #fff;
  margin-right: 1%;
  transition: box-shadow .3s;
}
.dcbuildList3 ul li:hover{
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.dcbuildList3 ul li:nth-of-type(1){
 margin-left:-1%;
}
.dcbuildList3 ul li i{
  width:100%;
  height: auto;
  float: left;
  margin-bottom: 0rem;
  margin-top:45px;
}
.dcbuildList3 ul li i img{
  width:5rem;
  height: 5rem;
  margin:0 auto;
}
.dcbuildList3 ul li b{
  width:100%;
  height:auto;
  text-align: center;
  font-weight: normal;
  font-size: 20px;
  margin-bottom: 1rem;
  color: #d83721;
}
.dcbuildList3 ul li span{
  width:70%;
  height: 45%;
  float:left;
  text-align: left;
  padding:15% 10% 0 15%;
  line-height:25px;
  font-size:15px;
}
.dcbuildList4{
  padding-bottom:0;
}

.col-sm-6{float:left;width:48%}
.AGrid-row{clear:both}
.AGrid-row:before,.AGrid-row:after{content:" ";display:table;line-height:0}
.AGrid-row:after{clear:both}

.bg-white{background-color:#fff}
.developer-toolbag-block{max-width:1200px;text-align:center;clear:both;margin:0 auto}

.tool-package>div{padding:0 10px}
.tool-package .tile{height:6rem;transition:box-shadow .5s ease;padding:19px 24px 20px 25px;margin-top:20px;position:relative;border-radius:2px;border:1px solid #ddd}

.tool-package
.tile:before{content:"";position:absolute;display:inline-block;left:0;top:0;width:0;height:3px;background:rgba(21,0,255,0.10);background-repeat:no-repeat;background-image:linear-gradient(-252deg,#bb1507 0%,#ff0000 98%)}
.tool-package .tile:hover:before{width:100%}
.tool-package .tile:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.10)}

.tool-package .center-layer>.layer-figure{width:48px;vertical-align:top;float:left}

.tool-package .center-layer .layer-text{width:75%;float:left;padding:0 20px;text-align:center}
.tool-package .dev-list{font-size:18px;color:#252b3a;margin-bottom:4px;width:75%;float:left;text-align:left;padding-left:20px}
.tool-package .dev-text{width:90%;font-size:12px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;height:63px;line-height:21px;color:#A0A2A8;text-align:left}


.tool-package .layer-btn p{line-height:2rem;height:2rem;}
.tool-package .layer-btn:hover{color:#f66f6a;border:1px solid #f66f6a;border-radius:1px}

.buy-now{
  font-size:18px;
  color:#ffffff;
  text-align:center;
  line-height:22px;
  padding:0.8rem 2.5rem;
  display:inline-block;
  margin:0 auto;
  background:#d83721;
  cursor:pointer;
  margin-top:1rem;
  margin-bottom: 1rem;
  border-radius:2px
}
.buy-now:hover{
  box-shadow:0 8px 16px 0 rgba(227,24,31,0.30)
}
.cloudlistMain{
 width:88%;
 height:249px;
 float:left;
 background:url(../image/cloudservicefangan.png) no-repeat;
 background-size: contain;
 margin-top:50px;
margin-left: 6%;margin-right: 6%;
}
.cloudservicejiagou{
 width:100%;
 height:405px;
 float:left;
 background:url(../image/cloudservicejiagou.png) 50% no-repeat;
 background-size:cover;
 margin-bottom: 100px;
}





#tab1{
  position:relative;
  width:100%;
  height: auto;
  float: left;
  overflow: hidden;
}
.tabList{
  width:100%;
  height: auto;
  float: left;
  margin-bottom: 3rem;
  margin-top:2rem;
}
#tab1 .tabList ul{
  width:29%;
  height: auto;
  margin: 0 auto;
  background-color: #ccc;
}
#tab1 .tabList ul li{
  float:left;
  
  padding: 0 20px 0 20px;
  text-align:center;
  margin-left:-1px;
  position:relative;
  cursor:pointer;
  line-height: 3rem;
  font-size: 1.1rem;
}
#tab1 .tabCon{
  width:100%;
  height:30rem;
  float: left;
  border-top:none;
}

#tab1 .tabList li.cur{
  border-bottom:none;
  color: #d83721;
  border-bottom: 2px solid #d83721;
}
#tab1 .tabCon div.cur{
  opacity:1;
  filter:alpha(opacity=100);
}
.list5tabLeft{
  width:60%;
  height:30rem;
  float: left;
  margin-left: 5%;
  background:url(404.png) 90% 100% no-repeat;
  position: relative;
}
.list5tabLeft1{
  width:60%;
  height:30rem;
  float: left;
  margin-left: 5%;
  background:url(404.png) 100% 100% no-repeat;
  position: relative;
}
.list5tabLeft2{
  width:60%;
  height:30rem;
  float: left;
  margin-left: 5%;
  background:url(404.png) 100% 100% no-repeat;
  position: relative;
}
.list5tabRight{
  width:30%;
  height: 30rem;
  float: left;
  margin-left:5%;
  position: relative;
}
.list5tabRight h2{
  text-align: left;
  font-size: 1.1rem;
  line-height: 3rem;
  text-indent: 1.5rem;
  float:left;
}
.list5tabRight h2:hover{
  color: #d83721;
}
.dataclLine{
  width:15%;
  height: 0.2rem;
  float: left;
  border: 0;
  margin:0rem 0rem 0.5rem 2.1rem;
}
.list5tabRight dl dd{
  width:100%;
  line-height: 1.4rem;
  float: left;
  margin-bottom: 0.5rem;
  text-align: left;
  padding:0% 5% 0% 5%;
  list-style:none;
}
.list5tabRight dl dd i{
  width: 6px;
  height: 6px;
  float: left;
  border-radius: 6px;
  border: 0;
  background-color: #e61807;
  margin-right: 0.5rem;
  margin-top: 8px;
}
.list5tabRight dl dd b{
  width:90%;
  height: auto;
  float: left;
  font-weight: normal;
  font-size:15px;
}

.list5tabno{
  display: none;
}

@media (max-width: 767px) {
  .dcbuildList2 ul li{margin-left: 0;margin-right: 0;}
  .dcbuildList2 ul li b{left:20%;right:20%;top:34%;bottom: 39%;}
  .dcbuildList2 ul li:nth-of-type(2), .dcbuildList2 ul li:nth-of-type(4){margin-left:0;}
  .dcbuildList3 ul li{width:100%;margin-bottom: 20px;}
  .fix_list_main .dcbuildList3{height: auto!important;}
  .dcbuildList2, .dcbuildList3, .dcbuildList4, .dcbuildList5{padding:0!important;}
  .dcbuildList4 .cloudlistMain{width:100%;margin-left: 0;margin-right: 0;height: 120px;}
}