@charset "utf-8";
/* CSS Document */



html .navbar-header #logo {
    background: url(../images/logo.jpg) no-repeat no-repeat scroll 0 7px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 50px;
    margin-left: 0;
    margin-right: 60px;
    padding-left: 0;
    width: 188px;
}

html .navbar-header #logo {
    background: url(../images/logo.jpg) no-repeat no-repeat scroll 0 7px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 50px;
    margin-left: 0;
    margin-right: 60px;
    padding-left: 0;
    width: 188px;
}
html .navbar-static-top .navbar-nav li {
    text-align: center;
}
html .navbar-static-top .navbar-nav li a {
    display: inline-block;
    line-height: 30px;
    padding: 15px 20px;
}

html .navbar-static-top .navbar-nav .active a, html .navbar-static-top .navbar-nav a:link, html .navbar-static-top .navbar-nav a:visited, html .navbar-static-top .navbar-nav a:hover, html .navbar-static-top .navbar-nav a:active {
    color: #fff;
    font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;
    font-size: 16px;
}
html .navbar-static-top .navbar-nav a:hover {
    background-color: #222;
    color: #fff;
}
html .navbar-static-top .navbar-nav .active a:link, html .navbar-static-top .navbar-nav .active a:visited, html .navbar-static-top .navbar-nav .active a:hover, html .navbar-static-top .navbar-nav .active a:active {
    background-color: #222;
    color: #fff;
}
@media (max-width: 1200px) {
html .navbar-static-top .navbar-nav:not(.navbar-right) li {
    min-width: 64px;
}
}
html .navbar-static-top .navbar-nav.navbar-right:last-child {
    margin-right: 0;
}
@media (max-width: 1000px) {
html .navbar-static-top .navbar-nav.navbar-right:last-child {
    float: left !important;
}
}
html .navbar-static-top .navbar-right li {
    margin-left: auto;
    margin-right: auto;
    min-width: 60px;
    text-align: center;
}
html .navbar-static-top .navbar-right li a {
    line-height: 30px;
}
html .navbar-static-top .navbar-right li .name {
    display: inline-block;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
html .navbar-static-top .navbar-right li.active a:link, html .navbar-static-top .navbar-right li.active a:visited, html .navbar-static-top .navbar-right li.active a:hover, html .navbar-static-top .navbar-right li.active a:active {
    font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;
    font-size: 14px;
}
html .navbar-static-top .navbar-right a:link, html .navbar-static-top .navbar-right a:visited, html .navbar-static-top .navbar-right a:hover, html .navbar-static-top .navbar-right a:active {
    color: #bbb;
    font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;
    font-size: 14px;
}
html .navbar-static-top .navbar-right a:link:hover, html .navbar-static-top .navbar-right a:visited:hover, html .navbar-static-top .navbar-right a:hover:hover, html .navbar-static-top .navbar-right a:active:hover {
    color: #fff;
    font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;
    font-size: 14px;
}
html .navbar-static-top .navbar-right li#nav_hello a {
    height: 60px;
}
html .navbar-static-top .navbar-right .beian {
    min-width: 106px;
}
html .navbar-static-top .navbar-right .beian a span {
    background-color: #444;
    border-radius: 4px;
    padding: 10px;
}
html .navbar-static-top .navbar-right .tablet-layout {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
html .navbar-static-top .container > .navbar-header, html .navbar-static-top .container-fluid > .navbar-header, html .navbar-static-top .container > .navbar-collapse, html .navbar-static-top .container-fluid > .navbar-collapse {
    margin: 0;
}
html .container img {
    max-width: 100%;
}


/*indexbox*/
.title36{ font-size:36px; color:#5cb85c; margin:0 auto;  }
.title18{ font-size:18px; color:#5cb85c; margin:0 auto; font-weight:bold;}
.title30{ font-size:30px; text-align:center; margin:0 auto;  }
.title25{ font-size:25px; margin:0 auto;  }
.title26{ font-size:26px; color:#0096e1; margin:0 auto;  }
.ptop30{ padding-top:30px;}

.box1, .box2, .box3, .box4, .box5, .box6{background-size: 100% auto; }
.box1{background-image:url(../images/box_1bg.gif); }
.box2{background-image:url(../images/box_2bg.gif);}
.box3{ }
.box4{ }
.box5{ }
.box6{background-image:url(../images/box_6bg.gif); }


/*indexbox*/
/*1*/
.panel-box1 {
  border-color: #76cab9;
}
.panel-box1 > .panel-heading {
  color: #fff;
  background-color: #1abc9c;
  border-color: #76cab9;
}
.panel-box1 > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #76cab9;
}
.panel-box1 > .panel-heading .badge {
  background-color: #1abc9c;
}
.panel-box1 > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #76cab9;
}


/*2*/

.panel-box2 {
  border-color: #a1cfe1;
}
.panel-box2 > .panel-heading {
  color: #fff;
  background-color: #00aeef;
  border-color: #a1cfe1;
}
.panel-box2 > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #a1cfe1;
}
.panel-box2 > .panel-heading .badge {
  background-color: #00aeef;
}
.panel-box2 > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #a1cfe1;
}

/*3*/

.panel-box3 {
  border-color: #abc8e1;
}
.panel-box3 > .panel-heading {
  color: #fff;
  background-color: #1b5f9c;
  border-color: #abc8e1;
}
.panel-box3 > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #abc8e1;
}
.panel-box3 > .panel-heading .badge {
  background-color: #1b5f9c;
}
.panel-box3 > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #abc8e1;
}


/*4*/

.panel-box4 {
  border-color: #efc6be;
}
.panel-box4 > .panel-heading {
  color: #fff;
  background-color: #f05033;
  border-color: #efc6be;
}
.panel-box4 > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #efc6be;
}
.panel-box4 > .panel-heading .badge {

  background-color: #f05033;
}
.panel-box4 > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #efc6be;
}

/*5*/

.panel-box5 {
  border-color: #e1abc9;
}
.panel-box5 > .panel-heading {
  color: #fff;
  background-color: #6d3353;
  border-color: #e1abc9;
}
.panel-box5 > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #e1abc9;
}
.panel-box5 > .panel-heading .badge {
  background-color: #6d3353;
}
.panel-box5 > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #e1abc9;
}

/*6*/

.panel-box6 {
  border-color: #e5a7a5;
}
.panel-box6 > .panel-heading {
  color: #fff;
  background-color: #bf1813;
  border-color: #e5a7a5;
}
.panel-box6 > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #e5a7a5;
}
.panel-box6 > .panel-heading .badge {
  background-color: #bf1813;
}
.panel-box6 > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #e5a7a5;
}

/*7服务器租用*/

.panel-box7 {
  border-color: #80c680;
}
.panel-box7 > .panel-heading {
  color: #fff;
  background:url(../images/hosting_b1.gif) no-repeat;
  background-size:100%;
  border-color: #fff;
  height:86px;
}
.panel-box7 > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #80c680;
}
.panel-box7 > .panel-heading .badge {
  background-color: #bf1813;
}
.panel-box7 > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #80c680;
}

/*8服务器租用*/

.panel-box8 {
  border-color: #f7842c;
}
.panel-box8 > .panel-heading {
  color: #fff;
  background:url(../images/hosting_b2.gif) no-repeat;
  background-size:100%;
  border-color: #fff;
  height:86px;
}
.panel-box8 > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #f7842c;
}
.panel-box8 > .panel-heading .badge {
  background-color: #f7842c;
}
.panel-box8 > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #f7842c;
}

/*9服务器租用*/

.panel-box9 {
  border-color: #d9605a;
}
.panel-box9 > .panel-heading {
  color: #fff;
  background:url(../images/hosting_u1.gif) no-repeat;
  background-size:100%;
  border-color: #fff;
  height:86px;
}
.panel-box9 > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d9605a;
}
.panel-box9 > .panel-heading .badge {
  background-color: #d9605a;
}
.panel-box9 > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d9605a;
}



/*control*/

.panel-control {
  border-color: #fff;
}
.panel-control > .panel-heading {
  color: #fff;
  background-color: #fff;
  border-color: #fff;
}
.panel-control > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #fff;
}
.panel-control > .panel-heading .badge {
  background-color: #fff;
}
.panel-control > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #fff;
}


.contactus_box{ border-bottom:#e0e0e0 dashed 1px; line-height:18px; margin:5px 0 5px 0; padding:5px 0 5px 0;}
.contactus_box_title{ color:#1261be; font-weight:bold; font-size:12px; line-height:20px; text-align:left;}