body, html {
  font-family:"Microsoft YaHei","Source Han Sans CN" ,  "PingFang SC" ,"Helvetica Neue", Helvetica,  Arial,  "Hiragino Sans GB", "Heiti SC", sans-serif;
}

/*              background: -webkit-linear-gradient(left, #3b82ba , #47c5e3); 
              background: -o-linear-gradient(right, #3b82ba, #47c5e3); 
              background: -moz-linear-gradient(right, #3b82ba, #47c5e3); 
              background: linear-gradient(to right, #3b82ba , #47c5e3); */
.w1605{
  width: 1605px;
  margin:0 auto;
}

.tip-error{
	font-size: 14px;
}
.joindetails .items:last-child .items-bot .tip-error{
	padding-bottom: 0;
}
.form_table .form .inputbox .li .tip-error{
  padding:5px 0;
  box-sizing: border-box;
}
.form_table .form .inputbox .li span{
  color:#f01b25;
  font-size: 12px;
  margin-left:5px;
  display: none;
}
.form_table .form .inputbox .error span{
  display: inline-block;
}
.form_table .form .inputbox .error .input{
  border-bottom: 1px solid #f01b25;
}
.joindetails .items-bot  .i0 .span .bn{
	font-size: 12px;
	color: #c72e33;
	display: none;
}
.joindetails .items-bot  .i0.error .span .bn{
	display: inline-block;
	
}
.m-header{
	position: relative;
	z-index: 100;
}
.speechocean .speeright-top .tit-list .itemleft .img-box img{
  height: .75rem;
}
.lightboxOverlay{
	position: fixed!important;
	width:100%!important;
	height: 100%!important;
	top:0;
	left:0;
}
#lightbox{
position: fixed!important;
    width: 100%!important;
    height: 100%!important;
    top: 0!important;
    left: 0!important;
    right: 0!important;
    bottom: 0!important;
    margin: auto;
}
.lb-outerContainer{
	position: fixed!important;
    top: 0!important;
    left: 0!important;
    right: 0!important;
    bottom: 0!important;
    margin: auto!important;
    max-width: 70%;
    max-height: 70%;
}
.lb-data .lb-close{
	display: none!important;
}
.searchh-all .tit-box.fixed{
	position: fixed;
	top:0;
	left:0;
	right:0;
	margin: auto;
	width:1200px;
	z-index: 10;
	background:#ffffff;

}
.member-login .input{
	position: relative;
}
.member-login .input .captcha{
	position: absolute;
	right:0;
	top:0;
	bottom:0;
	margin: auto;
}
.bocweb-nav1 .i:hover{
	color:#097ad8;;
}
.speechocean i{
  font-style:normal;
}
.forget-content .content0-form input{
	padding-left: 8px;
	box-sizing: border-box;
}
.dnone{
  display: none;
}
.fixed-right .items  img{
  width: auto;
}
.speechocean0.fixed{
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  background:#f8fcff;
  z-index: 10;
}
.about-items{
  position: relative;
}
.about-items .idu{
  position: absolute;
  top:-80px;
  left:0;
}
.m-header .sub-menu ul{
	padding-bottom: 100px;
}
input{
  border-radius: none;
}
.video-fixed{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 120;
    top: 0;
    left: 0;
    cursor: pointer;
    display: none;
}
.video-fixed .videoboxs .box {
    height: 100%;
}
.video-fixed .cha {
    width: 25px;
    height: 25px;
    background: url(../img/x15.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    right: 5px;
    top: 5px;
}
.video-fixed .videoboxs {
    width: 80%;
    height: 80%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #000;
    /* padding: 30px; */
    box-sizing: border-box;
}
.ft60{
  font-size: 60px;
}
.w1680{
  width: 1680px;
  margin:0 auto;
}
.pre{
    position: relative;
}
.j0{
  line-height: 1.5;
  display: inline-block;
  vertical-align: middle;
}
.pro{
    position: absolute;
}
.ftw{
    font-weight: bold;
}
.inorder-box::-webkit-scrollbar {/*滚动条整体样式*/
        width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
.inorder-box::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #535353;
    }
.inorder-box::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 10px;
        background: #EDEDED;
    }

    
.select-bot::-webkit-scrollbar {/*滚动条整体样式*/
        width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
.select-bot::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #535353;
    }
.select-bot::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 10px;
        background: #EDEDED;
    }
/* 字体颜色 */
.w475{
  width: 25%;
}
.ft21{
  font-size: 21px;
}
.w1445{
  width: 75%;
}
.w1170{
  width: 1170px;
  margin:0 auto;
}
.w1520{
  width: 1520px;
  margin:0 auto;
}
.ft17{
  font-size: 17px;
}
.ft26{
  font-size: 26px;
}
.ft58{
  font-size: 58px;
}
.st{
  font-family: "宋体";
}
.ft30{
  font-size: 30px;
}
.cl66{
  color:#666;
}
.cl33{
  color:#333;
}
/* 字体大小 */
.ft36{
  font-size: 36px;
}
.ft24{
  font-size: 24px;
}
.ft22{
  font-size: 22px;
}
.ft20{
  font-size: 20px;
}
.ft18{
  font-size: 18px;
}
.ft16{
  font-size: 16px;
}
.ft14{
  font-size: 14px;
}
.ft12{
  font-size: 12px;
}
.ft46{
  font-size: 46px;
}

a{
  display: inline-block;
}
.imax{
  max-width: 100%;
}
.dpi{
  display: inline-block;
}
.w1200{
  width: 1200px;
  margin: 0 auto;
}
.w1330{
  width: 1330px;
  margin: 0 auto;
}
.b{
  font-weight: bold;
}
.i50{
  width: 50%;
}
.ft48{
  font-size: 48px;
}
.w1120{
  width: 1120px;
  margin:0 auto;
}
.ft42{
  font-size: 42px;
}
.ft64{
  font-size: 64px;
}
.w1060{
  width: 1060px;
  margin:0 auto;
}
.ft28{
  font-size: 28px;
}
/* 版头css */



/**/


.datacenter-details{
  padding-top: 75px;
  padding-bottom: 120px;
  box-sizing: border-box;
  width: 865px;
}
.details-top .images .img{
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background:#f3f7fb;
  position: absolute;
  top:0;
  left:0;
}

.details-top .images{
  padding-left: 105px;
  box-sizing: border-box;
  position: relative;
  height: 75px;
  line-height: 75px;
  color:#333333;
  font-size: 24px;
  font-family: Arial;
  font-weight: bold;
}
.details-top .back{
  padding-right: 24px;
  position: relative;
}
.details-top .back:hover a{
  color:#097ad8;
}
.details-top .back:after{
    position:absolute;
    width: 12px;
    height: 11px;
    right:0;
    top:0;
    bottom:0;
    margin: auto;
    content:"";
    background:url(../img/1/l4.png) no-repeat center;
    background-size: 100%;
}
.details-top .back a{
  display: block;
  font-size: 16px;
  line-height: 75px;
  color:#6b747c;
}
.details-center{
  margin-top: 25px;
}
.details-center .items{
  line-height: 80px;
  height: 80px;
  border-bottom: 1px solid #eaeaea;

}
.details-center .items:nth-child(1){
  border-top: 1px solid #eaeaea;
}
.details-center .items .li{
  float:left;
  font-size: 16px;
  color:#6b747c;

}

.details-center .items .li0{
  width: 175px;
  margin-right: 115px;
  position: relative;
}
.details-center .items .li0:after{
  position: absolute;
  width: 5px;
  height: 10px;
  content:"";
  right:0;
  top:0;
  bottom: 0;
  margin:auto;
  background:url(../img/1/l5.png) no-repeat center;
  background-size: 100%;
}
.details-center .items .li1{
  width: calc(100% - 300px);
}
.details-bots input{
     width: 105px;
     height: 40px;
     border-radius: 40px;
     color:#fff;
     margin:0 auto;
     display: block;
         background: linear-gradient(to right, #3b82ba, #47c5e3);
         margin-top: 50px;
         transition:  .5s ease;

}

.details-bots input:hover{
         transition:  .5s ease;
         transform:translateY(-10px);
}
.business-02 .t-ul .li-bot .it{
  text-align: center;
}
.business-02 .t-ul .li-bot .it span{
  display: inline-block;
  text-align: left;
  width: 145px;
  line-height: 1.5;
  vertical-align: middle;
}

@media screen and (max-width: 1920px){
    .datacenter-details{
    padding-top: .75rem;
    padding-bottom: 1.2rem;
    width: 8.75rem;
    }
    .details-top .images .img{
      width: .75rem;
      height: .75rem;
    }

    .details-top .images{
      padding-left: 1.05rem;
      height: .75rem;
      line-height: .75rem;
      font-size: .24rem;
    }
    .details-top .back{
    padding-right: .24rem;
    }

    .details-top .back:after{
      width: 12px;
      height: 11px;
    }
    .details-top .back a{
    font-size: 16px;
    line-height: .75rem;
    }
    .details-center{
    margin-top: .25rem;
    }
    .details-center .items{
    line-height: .8rem;
    height: .8rem;

    }

    .details-center .items .li{
    float:left;
    font-size: .16rem;

    }

    .details-center .items .li0{
    width: 1.75rem;
    margin-right: 1.15rem;
    }
    .details-center .items .li0:after{
    width: 5px;
    height: 10px;
    }
    .details-center .items .li1{
    width: calc(100% - 3rem);
    }
    .details-bots input{
       width: 105px;
       height: 40px;
       border-radius: 40px;
           margin-top: .5rem;
    }
}


@media screen and (max-width: 1450px){
    .datacenter-details.w1200{
      padding-top: 40px;/*45px*/
      padding-bottom: 75px;
      width: 9.5rem;
    }
    .details-top .images .img{
      width: 60px;
      height: 60px;
    }

    .details-top .images{
      padding-left: 90px;
      height: 60px;
      line-height: 60px;
      font-size: 18px;
    }
    .details-top .back{
    padding-right: 20px;
    }


    .details-top .back a{
    font-size: 15px;
    line-height: 60px;
    }
    .details-center{
    margin-top: 18px;
    }
    .details-center .items{
    line-height: 65px;
    height: 65px;

    }

    .details-center .items .li{
    font-size: 14px;

    }

    .details-center .items .li0{
    width: 130px;
    margin-right: 90px;
    }
    .details-center .items .li0:after{
    width: 5px;
    height: 10px;
    }
    .details-center .items .li1{
    width: calc(100% - 230px);
    }
    .details-bots input{
       width: 105px;
       height: 30px;
       border-radius: 30px;
           margin-top: 30px;
    }
}
@media screen and (max-width: 1024px){
      .datacenter-details.w1200{
        width: 85%;
      }
      .details-center .items{
        height: 50px;
        line-height: 50px;
      }
}


@media screen and (max-width: 750px){
  .details-center .items .li0{
    width: 90px;
    margin-right: 10px;
  }
  .details-center .items .li1{
        width: calc(100% - 100px);
  }
  .headsearch-box .x-p{
    height: 50px;
  }
  .business-02 .t-ul .li-bot .it{
    text-align: left;

  }
  .business-02 .t-ul .li-bot .it span{
    width:auto;
  }

   .details-center .items {
    line-height: 1.5;
    padding:15px 0;
    box-sizing: border-box;
    height: auto;
   }
   .details-top .images .img{
    width: .7rem;
    height: .7rem;
   }
   .details-top .images .img img{
    display: block;
   }
   .details-top .images{
    padding-left: .85rem;
    line-height: .7rem;
    height: .7rem;
    font-size: .24rem;
   }
   .details-top .back a{
    line-height: .7rem;
    font-size: .24rem;
   }
   .details-bots input{
    font-size: 14px;
   }

}