.dcbuildl{
  width:100%;
  height: auto;
  float: left;
  text-align: center;
}
.dcbuildw{
  width:92%;
  height: auto;
  margin:0 auto;
}
.dcbuildList{
  position: relative;
}
.dcbuildList1{
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}
.list1Main{
  width:auto;
  height: auto;
  margin: 0 auto;
}
.listLogo{
  width:20%;
  height: auto;
  float: left;
}
.listLogoico:before{
  content: "\f001";
}
.listLogo b{
  font-weight: normal;
  font-size: 1.12em;
  float: left;
  padding:0.8rem 0rem 0.8rem 1rem;
}
.listLogoico{
  
}
.listLogoline:before{
  content: "|";
  box-sizing: border-box;
  color: #e61807;
  font-weight: bold;
}

.dcbuildList1 ul{
  width:auto;
  height: auto;
  float: right;
}
.dcbuildList1 ul li{
  width:auto;
  height: auto;
  float: left;
  padding:0.8rem 3rem 0.8rem 3rem;
  text-align: center;
  font-size: 1.12em;
  cursor: pointer;
}
.dcbuildList1 ul li.active{
  color: #e61807;
}
.dcbuildlistTit{
  line-height: 4rem;
  font-size: 1.7rem;
  
}



.pro_advantage{width:100%;background:#fff}
.pro_advantage_wrap{max-width:1200px;margin:0 auto;position:relative}
.pro_advantage_lsbs{height:480px;}
.pro_advantage-lsbs-wrap>div:first-child,.pro_advantage-lsbs-wrap>div:first-child a{border-radius:4px 0 0 4px}
.pro_advantage-lsbs-wrap>div:last-child,.pro_advantage-lsbs-wrap>div:last-child a{border-radius:0 4px 4px 0}
.lsb-background{width:25%;height:440px;float:left;margin-right:0%;}
.lsb-background:nth-child(1){background: url(../image/pro_advantagebg1.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.lsb-background:nth-child(2){background: url(../image/pro_advantagebg2.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.lsb-background:nth-child(3){background: url(../image/pro_advantagebg3.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.lsb-background:nth-child(4){background: url(../image/pro_advantagebg4.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.lsb{width:100%;height:100%;background:rgba(0,0,0,.4);text-align:center;position:relative;transition:all .7s;display:block;overflow:hidden}
.lsb:hover{cursor:pointer;background:rgba(2,137,255,.8)}
.lsb:nth-child(1):hover .lsb-introduce{ margin-top:20px;}
.lsb:nth-child(2):hover .lsb-introduce{ margin-top:80px;}
.lsb:hover .lsb-icon{margin-top:-44px}
.lsb:hover .lsb-name{margin-top:-30px}
.lsb:hover .lsb-span{margin-top:-10px}
.lsb:hover .lsb-introduce{margin-top:16px;font-size:12px;text-align:left;line-height:20px;}
.lsb-icon{width:44px;height:44px;margin:auto;margin-top:135px;transition:all .5s}
.lsb-icon img{width:100%;height:100%}
.lsb-name{font-size:24px;color:#fff;margin-top:24px;line-height:33px;transition:all .5s}
.lsb-span{width:24px;height:4px;background:#fff;transition:all .5s;margin:auto;margin-top:24px}
.lsb-introduce{font-size:14px;color:#fff;display:-webkit-box;transition:all .5s;margin-top:177px}
.lsb-introduce{ width:84%; margin-left:8%;}
.lsb-href>div{width: 108px;}
.lsb-href span{font-size:16px;line-height:22px;float:left}
.lsb-href:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;font-size:0}
.lsb-href:hover{background:#fff;color:#108ee9}

.dcbuildList0,.pro_datatransfer,.dcbuildList4,.programe_case{
  padding:3rem 0rem 3rem 0rem;
}
.datacMain{
  margin-top:1rem;
}
.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}


.pro_insurance_h3 h3,.pro_programme h3,.dcbuildList4 h3{ float:left; width:100%; line-height:30px; font-weight:normal!important; font-size:15px; text-align:left;}
.pro_insurance_h3 div{ float:left; width:100%;}
.pro_insurance_h3 div table{margin: 0 auto;text-align: left;font-size: 16px;border:1px solid #ccc;}
.pro_insurance_h3 div table tr:hover{ background:#d83721;color:#fff;}
.pro_insurance_th1{margin: 5px;text-align: center; height:40px; line-height:40px; color:#d83721;border-bottom:1px solid #ccc;}
.pro_insurance_th1 th{ border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.pro_insurance_th1 th:nth-of-type(5),.pro_insurance_th2 td:nth-of-type(5),.pro_insurance_th3 td:nth-of-type(5),.pro_insurance_th4 td:nth-of-type(5),.pro_insurance_th5 td:nth-of-type(5),.pro_insurance_th6 td:nth-of-type(5){ border-right:0;}
.pro_insurance_th2 td,.pro_insurance_th3 td,.pro_insurance_th4 td,.pro_insurance_th5 td{ border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding-left: 15px;padding-right: 15px;font-size:14px;}
.pro_insurance_th6 td{ border-right:1px solid #ccc;padding-left: 15px;padding-right: 15px;font-size:14px;}


.pro_programe_wrap{width:70%;height:682px;float:left;background:url(../image/architecture.png) no-repeat;background-size:contain;margin-left:15%;margin-right: 15%;}

.pro_programe_wrapsec{width:70%;height:315px;float:left;background:url(../image/pro_programe_wrapsecbg.png) no-repeat;background-size:contain;margin-left:15%;margin-right: 15%;margin-top:30px; margin-bottom:60px;}

.programe_case ul li{width:23.5%;height:300px; position:relative; display:inline-block; margin-right:1%;border:1px solid #ccc;}