.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;
  width:71%!important;
}
.list0tile p:nth-of-type(1){
  margin-left:-1%;}
.pro_internet,.dcbuildList2,.pro_advantage,.dcbuildList4,.pro_case{
  padding:1rem 0rem 1rem 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: 19px;padding-bottom:20px;margin-right: 5%;}
.pro_internet p:nth-of-type(2){ width:40%; height:200px; float:left;}

.tiaozhan{ height: 250px; }
.tiaozhan ul{ margin-top: 20px; }
.tiaozhan ul li{ width:230px; height: 120px; float: left; margin-right: 23px; }
.tiaozhan ul li:last-child{margin-right: 0;}
.yuan,.tiaozhan ul li dl{width:100%; float: left;}
.yuan div{height: 90px; width: 90px; line-height: 90px; text-align: center; border-radius: 90px; margin:0 auto; background: #d0e9f1; font-weight: bold; color: #808080; }
.yuan div cite{ font-style: normal; color: #d83721; }
.tiaozhan ul li dl{ height: 90px; background: #f7f7f7; text-align: left; box-shadow: #c3c3c3 0px 6px 8px 0px;padding-top: 10px;}
.tiaozhan ul li dl dd{ display: list-item;list-style-type: disc; margin-left: 35px; font-size:14px; line-height: 25px; }

.kuozhan{ height: 450px; }
.kuozhan img{width:100%;}
.kuozhan ul{ margin-top: 20px; }
.kuozhan ul li{ width:230px; float: left; margin-right: 23px;  background: #fbffff; border:1px solid #efefef;}
.kuozhan ul li:last-child{margin-right: 0;}
.kuozhantitle,.kuozhan ul li dl{width:100%; float: left;}
.kuozhantitle{ height: 40px; background: #d83721; color: #fff; line-height: 40px;  border-radius: 3px; }
.kuozhan ul li dl{  height:160px;background: #f7f7f7; text-align: left; box-shadow: #c3c3c3 0px 6px 8px 0px;padding-top: 10px; padding-bottom: 10px;}
.kuozhan ul li dl dd{ display: list-item;list-style-type: disc; margin-left: 35px; font-size:14px; line-height: 25px; }
.fuwuhua{ height: 350px; }
.fuwuhua{background: url(404.png) no-repeat;);}

.fangan{padding-top: 20px;}
.fanganL{ width:535px; float: left;  }
.fanganL img{width:100%;}
.fanganR{ width:385px; float: left; margin-left: 75px; padding-top: 5px; }
.texing img.markdownImage {
    transform: perspective(750px) translate3d(0px, 0px, -150px) rotateX(27deg) scale(0.9, 0.9);
    border-radius: 5px;
    border: 0px solid #e6e6e6;
    box-shadow: 0 70px 40px -20px rgba(0, 0, 0, 0.2);
    transition: 0.4s ease-in-out transform, 0.4s ease-in-out box-shadow;
}
.texing .markdownImage{max-width: 100%;}
.texing img.markdownImage:hover {
    transform: translate3d(0px, 0px, -250px);
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.2);
}

.youshi {padding-top:20px;}
.youshi ul{ position: relative; }
.youshi ul li{ width:50%; float: left;  font-size: 14px; text-align: left; }
.youshi ul li span{ display: flex; align-items: center; text-align:center;width:16%; height: 90px; float: left; background: #f8fcfe; font-size: 14px; font-weight: bold; color: #539ebb; }
.youshi ul li dl{width:84%; float: left;}
.youshi ul li dl dd{ display: list-item;list-style-type: disc; margin-left: 35px; font-size:13px; line-height: 25px; }
.duozuhu {background: url(404.png) no-repeat;);}
.cpe{background: url(404.png) no-repeat;);}
.yuanchen{background: url(404.png) no-repeat;);}
.rongyu{background: url(404.png) no-repeat;);}
.zhineng{background: url(404.png) no-repeat;);}
.overlay{background: url(404.png) no-repeat;);}
.yingyong1{background: url(404.png) no-repeat;);}
.yingyong2{background: url(404.png) no-repeat;);}
@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%;}
  .fix_list_main .pro_internet_advantage{background: #e1e1e1;}
  .fix_list_main .pro_internet_advantage ul li{width:100%;height: 298px;}
  .fix_list_main .pro_internet_advantage li span:nth-of-type(1){left:38%;right: 36%;top:20px;}
  .fix_list_main .pro_internet_advantage li span:nth-of-type(2){text-align: center;width: 59%;top:34%;}
  .fix_list_main .pro_internet_advantage li span:nth-of-type(3){top:50%;left:13%;}

  .pro_sdwan_networking_wrap .pro_sdwan_div{width:100%;margin-right: 0;}
  .pro_sdwan_networking_wrap .pro_sdwan_div:nth-of-type(2n+1){}
  .pro_sdwan_node .pro_sdwan_node_wrap{height: 231px;margin-bottom: 10px;}
}