a {
  -webkit-transition: all .4s;
  transition: all .4s;
}
.fullwidth{
  width:100%;
  float: left;
  text-align:center;
}
.halfwidth{
  width:74%;
  margin:0 auto;
}
.margintop30{
  margin-top:30px;
}
.commonrightline{
  width:80%;
  margin-left:10%;
  border-top:1px solid #ccc;
}
.hotnew{
width:50px;
height:22px;
line-height:22px;
text-align:center;
background:#d83721;
color:#fff; 
font-size:12px; 
border-radius:3px;
padding:2px 5px;
margin-left:5px;
}

.list_body_title{
  line-height: 3rem;
  font-size: 21px;
  text-align:left;
  color:#000;
  
}
.title_line_red{
  width:50px;
  height:2px;
  float:left;
  background:#d83721;
}
.title_description{
  height:40px;
  text-align:left!important;
  font-size:16px;
  color:#000;
}
.item-container {
    width: 100%;
    overflow: hidden;
    position: relative;
}




.costom-bg{
  width: 100%;
  overflow: hidden;
  position: relative;
  background:#fff;
  padding-top:60px;
  padding-bottom: 30px;
}
.costom{
  width: 1188px;
  margin: 0 auto;
}
.costom-bg .costom-tit{
  width:100%;
  line-height: 40px;
  text-align: center;
  font-size: 28px;
  color: #000;
}
.costom-bg .costom-tit1{
  width:100%;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: #868080;
}
.costom-bg dl{display: none;}
.costom-bg ul{
  float: left;
  margin-top:50px;
}
.costom-bg ul li:nth-of-type(1){
  background-position-y: -3600px;
  margin-top:40px;
}
.costom-bg ul li:nth-of-type(2){
  background-position-y: -3500px;
  margin-top:40px;
}
.costom-bg ul li:nth-of-type(3){
  background-position-y: -3400px;
  margin-top:40px;
}
.costom-bg ul li:nth-of-type(4){
  background-position-y: -3703px;
  margin-top:40px;
}
.costom-bg ul li:nth-of-type(5){
  background-position-y: -514px;
  margin-top:40px;
  margin-right: 0;
}
.costom-bg ul li:nth-of-type(6){
  background-position-y: -1600px;
  margin-top:40px;
}
.costom-bg ul li:nth-of-type(7){
  background-position-y: -1700px;
  margin-top:40px;
}
.costom-bg ul li:nth-of-type(8){
  background-position-y: -2200px;
  margin-top:40px;
}
.costom-bg ul li:nth-of-type(9){
  background-position-y: -2100px;
  margin-top:40px;
}
.costom-bg ul li:nth-of-type(10){
  background-position-y: -3100px;
  margin-right: 0;
  margin-top:40px;
}
.costom-bg ul li:nth-of-type(11){
  background-position-y: -601px;
  margin-top:40px;
}
.costom-bg ul li:nth-of-type(12){
  background-position-y: -2285px;
  margin-top:40px;
}
.costom-bg ul li:nth-of-type(13){
 background-position-y: -3004px;
 margin-top:40px;
}
.costom-bg ul li:nth-of-type(14){
  background-position-y: -3782px;
  margin-top:40px;
}
.costom-bg ul li:last-child{
  background-position-y: -1908px;
 margin-top:40px;
  margin-right: 0;
}
.costom-bg ul li{
  width: 200px;
  height: 100px;
  float: left;
  background:url(../image/partmentlogoico.png) no-repeat;
  margin-right: 46px;
  position: relative;
  transition: box-shadow .3s;
}
.costom-bg ul li:hover{
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}









.fix_list_main{position: relative;}
.fix_list_nav{border-bottom: 1px solid #ccc;background-color: #fff;}
.list1Main{width:auto;height: auto;margin: 0 auto;}
.fix_list_Logo{width:20%;height: 35px;line-height:35px;float: left;}
.fix_list_Logoico:before{content: url(../image/fix-list-nav-ico1.png);width:30px;height:35px;}
.fix_list_Logo b{font-size: 16px!important;float: left;color:#d83721;}
.fix_list_Logoico{}
.fix_list_Logoline:before{content: "|";box-sizing: border-box;color: #d83721;font-weight: bold;margin-left:10px;}
.fix_list_nav ul{width:auto;height: auto;float: right;}
.fix_list_nav ul li{width:auto;height: 35px;line-height:35px;float: left;padding:0rem 2rem 0rem 2rem;text-align: center;font-size: 16px!important;cursor: pointer;}
.fix_list_nav ul li.active{color: #e61807;font-weight:bold;}




.pro_advantage{
  background: url(../image/sixting-pro-bg.jpg) no-repeat;
}
.pro_advantage ul{
  width:100%;
  float: left;
  margin:1rem 0rem 1rem 0rem;
  margin-left:1.2%;
}
.pro_advantage ul li{
  width:23.5%;
  height: 400px;
  float: left;
  background-color: #fff;
  margin-right: 1%;
  transition: box-shadow .3s;
}
.pro_advantage ul li:hover{
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.pro_advantage ul li i{
  width:100%;
  height: auto;
  float: left;
  margin-bottom: 0rem;
  margin-top:45px;
}
.pro_advantage ul li i img{
  width:5rem;
  height: 5rem;
  margin:0 auto;
}
.pro_advantage ul li b{
  width:100%;
  height:auto;
  text-align: center;
  font-weight: normal;
  font-size: 20px;
  margin-bottom: 1rem;
  color: #d83721;
}
.pro_advantage ul li span{
  width:70%;
  height: 45%;
  float:left;
  padding: 15% 10% 0 15%;
  line-height: 25px;
  font-size: 15px;
  text-align:left;
}


.pro_internet_advantage{background: url(../image/sixting-pro-bg.jpg) no-repeat;}
.pro_internet_advantage ul li{width:49%;height: 200px;float: left;margin-bottom:20px;position: relative;background: #fff;margin-right: 1%;}
.pro_internet_advantage ul li:hover{background: #e7f6ff;-webkit-transition: all .2s linear;transition: all .2s linear;-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .1);box-shadow: 0 3px 20px rgba(0, 0, 0, .1);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}
.pro_internet_advantage ul li img{width:80px;height:80px;}
.pro_internet_advantage ul li span:nth-of-type(1){width:20%;height:80px;line-height: 80px;font-size: 14px;position: absolute;left: 0;top:28%;}
.pro_internet_advantage ul li span:nth-of-type(2){ width: 76%; height: 40px; line-height: 40px;position: absolute; left: 20%; top:10%;font-size: 20px;text-align: left;}
.pro_internet_dl{width:76%;position: absolute;left: 20%;top: 50%;}
.pro_internet_dl dd{float: left;font-size: 10px;margin-right: 2%;padding:3px;}
.pro_internet_advantage ul li:hover .pro_internet_dl dd{ }
.pro_internet_dl dd:nth-of-type(5),.pro_internet_dl dd:nth-of-type(6){ margin-top:2%; text-align:center;}
.pro_internet_advantage ul li span:nth-of-type(3){ width: 76%; max-height: 125px;line-height: 26px;position: absolute; left: 20%; top:30%;text-align: left; font-size:14px;}


.pro_internet_type{ height: 617px; }
.pro_internet_type ul li{ width:33%; height: 400px; float:left; position: relative; border: 1px solid #ccc;}
.pro_internet_type ul li:hover{border-bottom: 3px solid #d83721; -webkit-transition: all .2s linear;transition: all .2s linear;-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .1);box-shadow: 0 3px 20px rgba(0, 0, 0, .1);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}
.pro_internet_type ul li:nth-of-type(1){ border-right:0; }
.pro_internet_type ul li:nth-of-type(2){ border-right:0; }
.pro_internet_type ul li img{ width:100px; height: 100px; margin: 0 auto;}
.pro_internet_type ul li span:nth-of-type(1){ width:100%; height: 100px; float: left;  margin-top:10px; margin-bottom: 30px;}
.pro_internet_type ul li span:nth-of-type(2){ width:80%; padding-left:10%; padding-right:10%; float: left; text-align: center; font-size: 20px; padding-bottom: 20px;}
.pro_internet_type ul li span:nth-of-type(3){ width:80%; padding-left:10%; padding-right: 10%; float:left;text-align: center; font-weight: bold; }
.pro_internet_type ul li span:nth-of-type(4){ width:80%; padding-left:10%; padding-right: 10%; float:left;text-align: center; line-height: 30px;}


.pro_custom{ padding-bottom: 200px; }
.pro_custom ul li{width:200px;height: 100px; float: left; margin-top: 40px;margin-right: 42px;background: url(../image/partmentlogoico.png) no-repeat;position: relative;transition: box-shadow .3s;}
.pro_custom ul li:hover{box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);}
.pro_custom ul li:nth-of-type(1){ background-position-y: -3004px;}
.pro_custom ul li:nth-of-type(2){ background-position-y: -3782px;}
.pro_custom ul li:nth-of-type(3){ background-position-y: -94px;}
.pro_custom ul li:nth-of-type(4){ background-position-y: -695px;}
.pro_custom ul li:nth-of-type(5){ background-position-y: -197px; margin-right: 0;}
.pro_custom ul li:nth-of-type(6){ background-position-y: -601px;}
.pro_custom ul li:nth-of-type(7){ background-position-y: -2285px;}
.pro_custom ul li:nth-of-type(8){ background-position-y: -905px;}
.pro_custom ul li:nth-of-type(9){ background-position-y: -1511px;}
.pro_custom ul li:nth-of-type(10){ background-position-y: -1002px;margin-right: 0;}



.pro_datatransfer{
  padding-bottom:40px;
}
.pro_archLeft{
  width: 70%;
  height: 565px;
  float: left;
  background:url(404.png) center no-repeat;
  border: 1px solid #ccc;
  border-right: 0!important;
}
.pro_archRight{
  width: 27%;
  height: 565px;
  float: left;
  border: 1px solid #ccc;
  background: #f3f3f3;
}
.pro_archRight h2{
  text-align: left;
  font-size: 1.1rem;
  line-height: 3rem;
  text-indent: 1.5rem;
  font-weight: normal!important;
}
.pro_archRight h2:hover{
  color: #c30813;
}
.pro_archRight ul li{
  width:91%;
  line-height: 1.4rem;
  float: left;
  margin-bottom: 0.5rem;
  text-align: left;
  padding:0% 5% 0% 5%;
  list-style:none;
}
.pro_archRight ul li i{
  width: 10px;
    height: 10px;
    float: left;
    border-radius: 10px;
    border: 0;
    background-color: #e61807;
    margin-top: 10px;
    margin-right: 10px;
}
.pro_archRight ul li b{
  width: 90%;
    height: auto;
    line-height: 30px;
    float: left;
    font-size: 14px;
    font-weight: normal;
}
.commonrightline{
  width: 80%;
    margin-left: 10%;
    border-top: 1px solid #ccc;
}



.datacenterBannerbg{
  background:url(../image/datacenterbannerbg.png)no-repeat 60% center;
}
.dcbuildBannerbg{
  background:url(../image/dcbuildbannerbg.png)no-repeat 60% center;
}
.cloudBannerbg{
  background:url(../image/cloudservicebanner.png) no-repeat 60% center;
}
.pro_internet-banner{background:url(../image/internet-banner.png)no-repeat 60% center;}
.pro_callcenter-banner{background:url(../image/callcenter-banner.png)no-repeat 60% center;}

.sdwanBannerbg{
  background:url(404.png)no-repeat 60% center;
}
.sdhBannerbg{
  background:url(404.png)no-repeat 60% center;
}
.datatransferBannerbg{
  background:url(404.png)no-repeat 60% center;
}
.telecomBannerbg{
  background:url(404.png)no-repeat 60% center;
}

.insuranceBannerbg{
  background:url(../image/insurance-banner.jpg) no-repeat 60% center;
}
.insuranceBannerbg a{ float:left;}
.listBanner{
  height:240px;
  float: left;
  overflow:hidden;
  background-position: center center;
  opacity: 0.9;
}

.articleBeianBanner{background: url(404.png) no-repeat 100% center;}
.articleBeianBanner{height: 150px;}

.listBnnerWrap{

}
.listBnnerWrap h3{
  float: left;
  width: 100%;
  text-align: left;
  font-size: 36px;
  line-height: 46px;
  color: #fff;
  margin-bottom: 20px;
  margin-top: 90px;
  font-weight:normal!important;
}
.listBnnerWrap p{
  width:65%;
  font-size: 20px;
  color: #fff;
  line-height: 30px;
  margin-bottom: 30px;
  text-align:left;
}
.listBnnerWrap a{
  padding:0.7% 2%;
  margin-top:20px;
  background-color: #d83721;
  color: #fff;
  font-size: 15px;
  border:1px solid #d83721;
  border-radius: 2px;
}
.listBnnerWrap a:hover{
  background-color: #fff;
  color: #d83721;
  border:1px solid #fff;
}



.pro_sdwan_networking{}
.pro_sdwan_div{width:49%;height: auto;float:left;position: relative; margin-bottom: 30px;}
.pro_sdwan_div:nth-of-type(2n+1){margin-right: 1%;}
.pro_sdwan_div:nth-of-type(2n){margin-right: 0;}
.pro_sdwan_networking_title{ width: 100%;float: left; margin-top: 10px; margin-bottom:20px;text-align: left}
.pro_sdwan_networking_title span:nth-of-type(1){position:relative; float: left; background: #f2f2f2;font-size: 18px;padding: 5px 10px 5px 10px;border-radius: 5px;margin-right: 20px;}
.pro_sdwan_networking_title span:nth-of-type(2){ position: relative; float: left; height: auto; width: 90%; overflow: hidden;}
.pro_sdwan_networking_img{ width: 100%; height: 300px; float: left; border:1px solid #f2f2f2;padding-top:30px;}
.pro_sdwan_networking_img img{ width: 100%; height: 100%; }
.pro_sdwan_networking_line{ width: 100%; height: 5px;float: left; margin-top:30px;}
.pro_sdwan_networking_line hr{ width: 30%;height: 2px; border:0;margin: 0 auto; background: #f2f2f2; }
.pro_sdwan_div:hover .pro_sdwan_networking_line hr{ background: #d83721;-webkit-transition: all .2s linear;transition: all .2s linear;-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .1);box-shadow: 0 3px 20px rgba(0, 0, 0, .1);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0); }
.pro_sdwan_div:hover .pro_sdwan_networking_img{-webkit-transition: all .2s linear;transition: all .2s linear;-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, .1);box-shadow: 0 3px 3px rgba(0, 0, 0, .1);}
.pro_sdwan_div:hover .pro_sdwan_networking_title span:nth-of-type(1){ background: #d83721; color: #fff;-webkit-transition: all .2s linear;transition: all .2s linear; }
.pro_sdwan_div:hover .pro_sdwan_networking_title{ color: #d83721; }


.pro_sdwan_node{}
.pro_sdwan_node_wrap{width:100%; height:600px;float:left;background: url(../image/list-sdwan-node-img-1.png) center no-repeat; background-size: contain;}



.pro_ict_process_wrap{height: 350px; background: url(../image/lsit-ict-img-02.png) center no-repeat;margin-bottom: 30px;}


.pro_ict_advantage ul li span:nth-of-type(2){top:23%!important;}
.pro_ict_advantage ul li span:nth-of-type(3){top:44%!important;}


.pro_ict_team{padding-bottom: 60px;}
.pro_ict_team_left{width: 75%; height: 460px;float: left;background: url(../image/list-ict-img-03.jpg) center no-repeat;}
.pro_ict_team_right{width: 25%; height: 460px;float: left;background: #00b8ee; position: relative;}
.pro_ict_team_right span{ width: 80%; height: 80%; position: absolute; top:10%; left: 10%;line-height: 24px; font-size: 15px; text-align: left; color: #fff;}


@media (max-width: 767px){
  .listBanner{display:none;}
  .fix_list_Logo,.fix_list_nav ul li{height:0!important;}
  .fix_list_Logo b{display:none;}
  .fix_list_nav ul li{padding:0;line-height:0;display:none;}
  .halfwidth{width:95%;}
  .datacList3{padding-top:0;padding-bottom:0;}

  .list_body_title{padding-top:0;font-size:22px;}
  .datacList2 .list2Right,.datacList2 .list2Left{width:100%;}
  .list2Left img{margin-right:0;width:100%;}
  .list2Right ul{margin-top:0}

  .list3Left{width:100%;height:auto;}
  .list3LeftTop,.list3LeftTop img{height:227px;width:100%;}
  .list3LeftBottom{width:96%;padding:20px 2% 15px 2%;margin-bottom:40px;}
  .list3Right ul{height:auto;}
  .list3Right ul li{width:100%;height:210px;margin-right:0;margin-left:0;margin-bottom:3px;position:relative;}
  .list3Right ul li:nth-of-type(1), .list3Right ul li:nth-of-type(4){margin-left:0;}
  .list3Right{width:100%;height:auto;}

  .datacList4{height:810px!important;float:left;background:none;}
  .datacList4 ul li{width:100%;height:140px;margin-bottom:10px;margin-right:0;background:#e6e6e6;}
  .datacList4 ul li i img{margin-top:41px;}

  .datacList5{position:relative;padding-top:0;}
  .list5Left{margin-top:-114px;}
  .list5Left,list5Right,#cover{width:100%;}
  .list5Right{padding-top:0;width:100%;margin-top: -117px;}

  .list6Float ul li{width:100%;margin-bottom:25px;}
}


@media (max-width: 767px){
   .dcbuildList2 ul li{width:100%;margin-right:0;}
   .dcbuildList2 ul li:nth-of-type(1){margin-top:36px;height:190px;}
   .dcbuildList2 ul li:nth-of-type(2){padding-top:0;}
   .dcbuildList2 ul li:nth-of-type(4){margin-top:0;}

   .dcbuildList3 dl{margin-top:52px;}
   .dcbuildList3 dl dd{width:100%;height:231px; margin-left:0;margin-bottom:20px;margin-top:10px;}
   .dcbuildList3 dl dd:nth-of-type(1){margin-left:0;}
   .dcbuildList3{background:#f1f1f1;}
   .dcbuildimg1,.dcbuildimg2,.dcbuildimg3,.dcbuildimg4{width:40%;background-size: 58%;margin-left:21%;height:112px;}
   .dcbuildList3 .dcbuildcom{margin-top:0;}

   .dcbuildList4 ul li{width:50%;margin-right:0;}

   .dcbuildListMain{margin-top:20px;}
   .dcList5img{width:100%;height:220px;background-size:cover;}

   .dcbuildList4 ul li b{width:45%;left: 82px;line-height: 22px;}


}