.p80{padding: 80px 0;}
.bg-gray{background-color: #f2f4f8;}
.fff{background: #fff;}
.fw700{font-weight: 700;}

@media (max-width: 768px){
  .p80 {padding: 20px 0;}
}
.help_search form input[type=text] {width: 50%;background: #fff;display: inline-block;height: 43px;padding-bottom: 26px;padding-top: 22px;}
.help_search form button{padding: 15px 30px; }

/*-----header----*/
.header{position:relative;}
.header .top-header{height: 80px;position:absolute; left:0; right:0; top:0; z-index:101;}
.header .head-nav{ background:transparent;border-bottom: 1px solid rgba(255,255,255,.2); }
.head-nav{ height: 80px; background: #192933;border-bottom: 1px solid #192933;position: absolute; left: 0; top: 0; right: 0; min-width:1220px; }
.head-nav h1{float: left; margin: 16px 20px 0 0;}
.head-nav h1 img,.head-nav h1 a{ display: block; width: 100%;}
.head-nav:hover{ background: #111 !important;border-bottom: 1px solid rgba(5,159,255,.3) !important;}
.head-nav .nav-list li{ float: left;}
.head-nav .nav-list .nav{ display: block; color: #fff; font-size: 18px; line-height: 79px; padding: 0 20px;}
.head-nav .nav-list .nav:after{ content: ""; display: block; margin:-1px 0 0; width:0; height: 3px; background:#1a87cd;;transition: 0.2s all linear;}
.head-nav .nav-list li:hover .nav{ color: #059fff;}
.head-nav .nav-list li:hover .nav:after{ width:100%; }
.head-nav .nav-list .active .nav:after{ width:100%; }
.head-nav .pop-list{display:none; background: #111; height: 500px; padding-top: 30px; position: absolute; left: 0; top: 80px; right: 0;transition: 0.4s all linear; z-index: 22;}
.head-nav .pop-list dt{ height: 40px; line-height: 40px; color: #c8cacc; padding: 0 20px; background: rgba(59,102,135,.5); }
.head-nav .pop-list dt:before{ content: ""; display: inline-block; margin-right: 3px; width: 17px; height: 17px; vertical-align: middle;}
.head-nav .pop-list .ico1:before{background-position: 0 0; }
.head-nav .pop-list .ico2:before{ background-position:-21px 0; }
.head-nav .pop-list .ico3:before{ background-position:-41px 0; }
.head-nav .pop-list .ico4:before{ background-position:-60px 0; }
.head-nav .pop-list dd span{ display: block; height: 20px; line-height: 20px; margin: 0 0 2px;}
.head-nav .pop-list dd span:after{ content: ""; display: inline-block; margin-left:5px; width: 30px; height: 15px; vertical-align: sub; }
.head-nav .pop-list dd p{ font-size: 12px; color: #939699; height:20px; line-height: 20px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.head-nav .pop-list dd a{ display: block; color: #fff; padding: 20px; margin-top:15px; border: 1px solid #2c4863;}
.head-nav .pop-list dd a:hover{ border: 1px solid #059fff; color: #059fff;}
.head-nav .pop-list dd a:hover p{color: #059fff;}
.head-nav .pop-list dl:hover dt{ background: #059fff; color: #fff; }
.head-nav .pop-list dl:hover .ico1:before{background-position:-79px 0; }
.head-nav .pop-list dl:hover .ico2:before{ background-position:-102px 0; }
.head-nav .pop-list dl:hover .ico3:before{ background-position:-122px 0; }
.head-nav .pop-list dl:hover .ico4:before{ background-position:-140px 0; }
.head-nav .pop-list h4{ color:#fff; font-size:16px; margin:0 0 20px;}
.head-nav .pop-list .row-list li a{width: 250px;  color:#c8cacc;  padding:0 20px; float: left; height: 40px; line-height: 40px; margin:0 20px 20px 0; background:rgba(59,102,135,.5);}
.head-nav .pop-list .row-list li a:last-child { margin-right: 0; }
.head-nav .pop-list .row-list li a:hover{ background: #059fff; color: #fff; }
.head-nav .pop-link{ margin-left:-20px; overflow:hidden;}
.head-nav .pop-link a{ display:block; float:left; width:250px; height: 40px; line-height: 40px; margin:0 0 20px 20px; color: #c8cacc; padding: 0 20px; background: rgba(59,102,135,.5);}
.head-nav .pop-link a:hover{ background: #059fff; color: #fff;}

/*轮播下四格*/
  .tuijian a .one{box-shadow: 0px 5px 10px 0px rgba(17, 58, 93, 0.1) !important;border-top:2px solid #023498;padding: 15px 10px;background: #fff;border-radius: 15px;}
  .index-tui-new{position: relative;}
  .tuijian .col-md-3 .one ul li{list-style: none;line-height: 30px;font-size: 13px;}

  /*解决方案*/
  .solution{background: #fafafa;padding: 40px 0;}
  .thumbnail{margin: 0 5%;padding: 30px 0 0;}
  .thumbnail:hover{box-shadow:0 5px 30px rgba(36, 122, 145, .1); margin-top:-1px;}
  .caption h2{font-size: 18px;color: #333;font-weight: lighter;text-align: center;margin-top: 20px;}
  .caption p{font-size: 14px;line-height: 22px;color: #999;text-align: center;margin-top: 15px;}
  .caption p .btn-info{color: #5abfde;background-color: #ffffff;border-color: #46b8da;}
  .thumbnail:hover .caption p .btn-info{color: #ffffff;background-color:#5abfde;border-color: #46b8da;}
  .solution .thumbnail img{width: 100px;}

/*首页关于我们按钮改色*/
.section-head a.btn-more{background-color: #5b98ff;}
.filters li {margin: 0 10px;}

/*s首页产品*/
.index-entrance li div{padding: 0}
.index-entrance li h3 {font-size: 18px;color: #000;margin: 0 0 5px}

.index-entrance li p {font-size: 12px;color: #666666;line-height: 20px;}
.pro-list ul li a{display: inline-block;height: 32px;border-radius: 2px;padding: 0 20px;margin-left: 10px;background-color: #ff6600;line-height: 32px;color: #fff;}
.product .product-box h3{background: #e4e4e4;text-align: center;padding: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product .product-box .content p{height: 60px;line-height: 20px; color: #666;font-size: 12px;}
.product .product-box .content .parameter{padding: 20px 0;border-top: 1px dotted #eee;border-bottom: 1px dotted #eee;margin-top: 10px;}
.product .product-box:hover h3{background: #5b98ff;color: #fff;}
.product .product-box:hover .content{border:1px solid #5b98ff;}
.product .product-box:hover .content .parameter{border-top: 1px dotted #5b98ff;border-bottom: 1px dotted #5b98ff;}
.product .product-box:hover .content .parameter div span{color: #5b98ff;font-weight: 700; }
.hzhb .item{height:169px;}
@media (max-width: 768px){
  .index-entrance li div{text-align: center;}
  .index-entrance li h3 {font-size: 13px; font-weight: 700;}
  .hzhb .item{height:auto;}
}


/*------网站建设 start------*/
  /*建站服务*/
  .web-box{background: #fff;padding: 25px;border: 1px solid #eee}
  .web-box h4{margin-bottom: 20px;font-size: 16px;font-weight: 700;}
  .web-box p{font-size: 12px;color: #888;line-height: 25px;}

  /*建站流程*/
  .service-con h3{font-size: 16px;font-weight: 600;}
  .project-con .project-box{padding: 15px;box-shadow: 0 15px 40px -10px rgba(22,35,49,.15);background: #fff;border-radius: 10px;transition: all .2s linear;text-align: center;}
  .price-con ul li .project-box:hover {
      -webkit-transform: translateY(-10px);
      -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px);
      -webkit-box-shadow: 0 20px 40px -10px rgba(22,35,49,.2);
      -moz-box-shadow: 0 20px 40px -10px rgba(22,35,49,.2);
      box-shadow: 0 20px 40px -10px rgba(22,35,49,.2);
      -webkit-transition: all .3s ease-in-out;
      -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
      -o-transition: all .3s ease-in-out;
      transition: all .3s ease-in-out;
  }
  .project-con ul li .project-box div i{font-size: 40px;}
  .project-con ul li .project-box p a{color: red;}
  .explain p{line-height: 30px;}
  .explain p a{color: #fff;}

/*------网站建设 end------*/


/*------服务器展示 start-----*/
  .section-head p{color: #000}
  .sever-product li {position: relative;float: left;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
  .sever-product .product-list{border: 1px solid #ddd;margin-bottom: 20px;}
  .sever-product .product-title {background: #f6f6f6;padding: 25px 10px 0;height: 155px;text-align: center;}
  .sever-product .product-title i{display: block;width: 120px;height: 51px;margin: 0 auto 15px;}
  .sever-product .product-title h2 {font-size: 24px;color: #000;margin: 0 0 10px;}
  .sever-product .product-title span {display: block;color: #999999;}
  .sever-product .product-info {padding: 20px;text-align: center;overflow: hidden;}
  .sever-product .product-info span {display: block;color: #666666;margin: 0 0 15px;}
  .sever-product .product-detail {padding: 20px 15px 0;}
  .sever-product .product-detail .desc {font-size: 12px;color: #666666;line-height: 24px;overflow: hidden;}
  .sever-product .product-detail p {margin: 20px auto 0;padding: 10px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;overflow: hidden;}
  .sever-product .product-detail span {width: 50%;text-align: left;float: left;color: #999999;height: 16px;line-height: 16px;margin: 12px 0;}
  .sever-product .product-price{text-align: center;margin: 20px 0;}
  .sever-product li:hover{padding: 0;}
  .sever-product li:hover .product-list{border: 1px solid #059fff;background: #fff;}

  /*优势展示*/
  .about_box{clear:both;padding-bottom:50px;}
  .about_main{padding-bottom:25px;overflow:hidden;margin: 0 auto;}
  .about_main dl{text-align:center;float:left;cursor:pointer;}
  .about_main dl.dl6{margin-right:0;}
  .about_main dl dd{background:url(/skin/images/ico_img.png) no-repeat center center;width:98px;height:90px;border-radius:100%;margin:auto;transition: all 0.1s;-webkit-transition: all 0.1s;-ms-transition: all 0.1s;-moz-transition: all 0.1s;}
  .about_main .dl1 dd{background-position:8px 16px;}
  .about_main .dl2 dd{background-position:-92px 14px}
  .about_main .dl3 dd{background-position:-195px 21px;}
  .about_main .dl4 dd{background-position:-310px 22px;}
  .about_main .dl5 dd{background-position:-420px 22px;}
  .about_main .dl6 dd{background-position:-515px 20px;}
  .about_main dl dt h5{font-size:18px;color:#000;font-weight:normal;height:45px;line-height:45px;margin-bottom:5px}
  .about_main dl dt p{font-size:12px;color:#666;}
  .about_main .dl1:hover dd{background-position:8px -58px}
  .about_main .dl2:hover dd{background-position:-92px -66px;}
  .about_main .dl3:hover dd{background-position:-195px -59px;}
  .about_main .dl4:hover dd{background-position:-310px -58px;}
  .about_main .dl5:hover dd{background-position:-420px -58px;}
  .about_main .dl6:hover dd{background-position:-515px -60px;}
  .about_main dl:hover dd{transition: all 0.2s;-webkit-transition: all 0.2s;-ms-transition: all 0.2s;-moz-transition: all 0.2s;background:url(/skin/images/ico_img.png) no-repeat center center;}


  /*新闻展示*/
  .news-title{text-align: center;padding: 20px;font-size: 26px;background: #eee;}
  .news-box{padding: 10px 10px 0;border: 1px solid #ddd;}
  .news-box p{height: 25px;line-height: 25px;margin: 0 0 15px;}
  .news-box p span{float: left;margin-right: 15px;text-align: center;background: #f6f6f6;color: #999999;}
  .news-box p a{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inherit;}
  /*数据中心*/
  .data-box{margin: 40px;}
  .data-box h4{color: #2f5bb7;font-size: 18px;line-height: 18px;margin-bottom: 10px;}
  .data-box p {color: #555555;font-size: 14px;line-height: 24px;margin-left: 40px;}
/*------服务器展示 end-----*/

/*-------独立服务器 start-------*/
.server-one .content{
  border: 1px solid #eee;
}
.server-one .content:hover{
  border: 1px solid #1b8ccc;
}


 
  /*服务支持*/
  ul.list-unstyled li{
    position: relative;
      margin-left: 13px;
    padding-top: 4px;
      color: #333;
      line-height: 30px;
  }
  ul.list-unstyled li:before{
    content: "";
      position: absolute;
      top: 16px;
      left: -12px;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background-color: #1e88e5;
  }
/*-------独立服务器 end-------*/


/*------vps-----*/
.vps-box {
  position: relative;
  margin-top: 32px;
}
.vps-item {
  width: 100%;
  height: 80px;
  padding-right: 86%;
  border: 1px solid #eeeeee;
  border-top: none;
  background-color: #fafafa;
  line-height: 80px;
  text-align: center;
  cursor: pointer;
}
.vps-item:first-child {
  border-top: 1px solid #eee;
}
.vps-item.vps-active {
  background-color: #fff;
  border-left: 2px solid #059fff;
}
.vps-detail {
  display: none;
  position: absolute;
  left: 14%;
  bottom: 0;
  top: 0;
  z-index: 10;
  width: 86%;
  height: 320px;
  border: 1px solid #eee;
  border-left: none;
  padding: 0 30px;
  background-color: #fff;
  line-height: 1;
  text-align: left;
  cursor: default;
}
.vps-active .vps-detail {
  display: block;
}
.vps-title {
  line-height: 25px;
  font-size: 16px;
  color: #4e4e4e;
  padding: 20px 0;
}
.vps-description {
  line-height: 2em;
  padding: 30px 0;
}
.vps-purchase {
  border-top: 1px dashed #eee;
}
.vps-purchase-title {
  margin-right: 30px;
}
.server-configs {
  display: inline-block;
  border: 1px solid #eee;
  padding: 18px 24px;
  margin-left: 10px;
  text-align: center;
  vertical-align: middle;
  line-height: 1;
}
.server-configs span {
  display: block;
}
.config-title {
  font-size: 20px;
}
.config-name {
  margin-top: 10px;
  font-size: 12px;
}
.vps-purchase{padding-top: 10px;}
.vps-purchase .price-box {
  line-height: 32px;
  padding-top: 35px;
  text-align: center;
}
.price-box a{
  display: inline-block;
  height: 32px;
  border-radius: 2px;
  padding: 0 20px;
  margin-left: 10px;
  background-color: #ff6600;
  line-height: 32px;
  color: #fff;
}
.price-box a:hover {
  background-color: #f26100;
}
.price-int {
  font-size: 26px;
}
@media (max-width: 425px){
  .vps-title{font-size: 14px;}
  .server-configs{padding: 15px 25px;margin-left: 0; margin-bottom: 15px;}
  .vps-purchase .price-box{padding-top: 10px;}
}

/*------产品卡片展示 start-----*/
.pro-list ul li a{display: inline-block;height: 32px;border-radius: 2px;padding: 0 20px;margin-left: 10px;background-color: #ff6600;line-height: 32px;color: #fff;}
.product-box{box-shadow: 0 15px 40px -10px rgba(22,35,49,.15);}
.product-box h3{background: #e4e4e4;text-align: center;padding: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product-box .content p{height: 60px;line-height: 20px; color: #666;font-size: 12px;}
/*.product-box .content .parameter{padding: 20px 0;border-top: 1px dotted #eee;border-bottom: 1px dotted #eee;margin-top: 10px;}*/
.product-box:hover h3{background: #5b98ff;color: #fff;}
/*.product-box:hover .content{border:1px solid #5b98ff;}*/
.product-box:hover .content .parameter{border-top: 1px dotted #5b98ff;border-bottom: 1px dotted #5b98ff;}
.product-box:hover .content .parameter div span{color: #5b98ff;font-weight: 700; }


/*页面分类标题与描述*/
.section-head h3{position: relative;padding-left: 18px;font-size: 24px;font-weight: normal;margin-top: 20px;margin-bottom: 10px;}
.section-head h3:before{content: " ";position: absolute;left: 0;top: 50%;margin-top: -11px;display: block;height: 24px;width: 4px;background-color: #4585f6;}
.section-head p{margin: 0 0 10px;font-size:14px;max-width:100%;color: #666;}

/*服务器租用列表类型*/
.price-table {background-color: #FFF;}
.price-row {display: flex;width: 100%;padding: 20px;align-items: center;justify-content: space-between;border-bottom: 1px solid #dae1e8;}
.price-row:not(.table-header):hover {box-shadow: 0 0 40px -10px rgba(34,41,47,0.2);z-index: 10;transition: all .3s ease-in-out;}
.price-header {color: #FFF;height: 40px;line-height: 40px;padding: 0 20px;font-size: 15px;font-weight: 600;background-color: #4685f6;border-bottom: 0 none;}
.price-cell:first-child {width: 30%;}
.price-cell {line-height: 1.5;width: 12.5%;}
.price-cell-price {text-align: right;padding-right: 20px;}
.price-cell span {display: block;color: #606F7B;font-size: 12px;}
@media (max-width: 991px){
  .price-row {display: block;}
  .price-header {display: none;}
  .price-cell {width: 100% !important;display: flex;align-items: center;justify-content: space-between;line-height: 1.9;}
}
.filters li a{display: inline-block;white-space: nowrap;padding: 8px 20px;position: relative;cursor: pointer;background-color: #ddd;border-radius: 20px;}
.filters li a.on,.filters li a:hover{background-color: #49a8fa;color: #fff;font-weight: 700;}