.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;
  
}
.list0tile{
  text-align:left!important;
  line-height:35px;
}
.pro_internet,.dcbuildList2,.pro_advantage,.dcbuildList4,.pro_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_internet p:nth-of-type(1) {width: 55%;height: 200px;float: left;padding-top: 100px;margin-right: 5%;}
.pro_internet p:nth-of-type(2){ width:40%; height:200px; float:left;}

.pro_callcenter_process{height: 500px;}
.pro_callcenter_bg{background:url(../image/c4.jpg) no-repeat;height: 500px;}
.pro_callcenter_right{width:42%;height: 400px;float: right;margin-right: 25px;margin-top:150px;}
.pro_callcenter_title{width: 100%;height: 65px;float: left;line-height: 65px;text-align: left;font-size: 25px;}
.pro_callcenter_body{width: 100%;float: left;text-align: left;margin-top:20px;line-height: 30px;}

.pro_callcenter_power{background:url(../image/c3.jpg) no-repeat;height: 500px;color: #fff;background-attachment: fixed;background-size: cover;margin-top:60px;}
.pro_callcenter_tit{width:100%;float: left;}
.pro_callcenter_power ul{float: left;margin-left: 2%;margin-top:57px;}
.pro_callcenter_power ul li{float: left;width:10%;margin-right: 8%;}
.pro_callcenter_power ul li:nth-of-type(6),.pro_callcenter_power ul li:nth-of-type(12){margin-right: 0;}
.pro_callcenter_libody{width:100px;height: 130px;float: left;}
.pro_callcenter_libody img{float: left;padding-left: 10px;}
.pro_callcenter_libody span{width: 100%;float: left;margin-top:20px;font-size: 18px;}

.pro_callcenter_process1{height: 500px;margin-top:50px;}
.pro_callcenter_bg1{background:url(../image/c17.jpg) no-repeat;height: 500px;}
.pro_callcenter_right1{width:42%;height: 400px;float: left;margin-left: 25px;margin-top:150px;}

.pro_callcenter_mesg{background:url(../image/c19.jpg) no-repeat;height: 500px;color: #fff;background-attachment: fixed;background-size: cover;margin-top:60px;}
.title_description{color: #fff;}
.pro_call_mesg_des{font-weight: bold;font-size: 18px;line-height: 30px;text-align: left!important;margin-top:30px;}
.pro_callcenter_phone{text-align: left!important;height: 58px;line-height: 58px;font-weight: bold;font-size: 17px;margin-top:30px;}
.pro_callcenter_phone img{width: 63px;height: 58px;float: left;vertical-align: middle;}

.pro_callcenter_ot{margin-top:60px;}
.pro_callcenter_other{height: 500px;}
.pro_callcenter_other ul li{width: 30%;height: 300px;float: left;margin-right: 4%;}
.pro_callcenter_other ul li:nth-of-type(3){margin-right: 0;}
.pro_callcenter_other ul li img{width:100%;height: 193px;float: left;}
.pro_callcenter_other ul li p{width:100%;float: left;padding:20px 0 5px 0;font-size: 30px;}
.pro_callcenter_other ul li dl{float: left;width:100%;}
.pro_callcenter_other dl dd{width: 100%;line-height: 25px;float: left;margin-left:0;text-align: left;margin-bottom: 10px;}
.pro_callcenter_other dl dd i{width: 5px;height: 5px;float: left;margin:30px 0 30px 0;border-radius: 10px;border: 0;background-color: #000;margin-top: 2.5%;margin-right: 20px;vertical-align: middle;}
@media (max-width: 767px) {
  .pro_internet, .dcbuildList2, .pro_advantage, .dcbuildList4, .pro_case{padding:0!important;}
  .list_body_title{padding-top: 0;font-size:22px;}
  .fix_list_main .pro_internet .list0tile{width:94%!important;}
  .pro_internet p:nth-of-type(1){width:94%;padding-top: 0;height: auto!important;padding-bottom: 20px;}
  .pro_internet p:nth-of-type(2){display: none;}
  .list0tile p:nth-of-type(1){margin-left:4%;}
  .pro_callcenter_process .pro_callcenter_right{width:97%;margin-right: 0;}
  .pro_callcenter_power .pro_callcenter_libody span{font-size:14px;}
  .pro_callcenter_power ul li{width:17%!important;margin-right: 16%!important;}
  .pro_callcenter_power ul{margin-top: 21px;}

  .pro_callcenter_process1 .pro_callcenter_right1{margin-left: 10px;width:95%;}
  .pro_callcenter_process1 .pro_callcenter_bg1{background: url(../image/c17.jpg) 30% no-repeat;background-size: cover;}
  .pro_callcenter_mesg .pro_call_mesg_des{font-weight: normal;font-size: 15px;}
  .pro_callcenter_ot .pro_callcenter_other ul li{height: auto;width:100%;margin-right: 0;}
}