.slide h1{font-size:30px;}.slide .lead{font-size:18px;margin-top:10px;}.loginbox{display:block;position:absolute;overflow:hidden;top:25%;right:10%;padding:30px 15px 15px 15px;color:#FFF;z-index:99;background:rgba(0,0,0,0.4);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#66000000',EndColorStr='#66000000');}.loginbox input{width:94%;}.button{padding:7px 15px;color:#FFF;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#F5A34F;background-image:-moz-linear-gradient(top,#FDC68D,#EF9436);background-image:-webkit-gradient(linear,0 0,0 100%,from(#FDC68D),to(#EF9436));background-image:-webkit-linear-gradient(top,#FDC68D,#EF9436);background-image:-o-linear-gradient(top,#FDC68D,#EF9436);background-image:linear-gradient(to bottom,#FDC68D,#EF9436);background-repeat:repeat-x;border-width:0;border-radius:3px;border-color:#C78803 #EF9436 #805700;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#EF9436',GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);}.loginbox a{color:#EF9436;}.loginbox a:hover{color:#fff;}h3.page-header{padding-bottom:2px;margin:20px 0 30px;border-bottom:1px solid #EEE;font-size:18px;line-height:26px;}.cc:after{content:' 20';display:block;height:0;clear:both;visibility:hidden;}.shorts li{float:left;width:64px;padding:25px 32px 0;text-align:center;line-height:22px;}.shorts li a{color:#333;font-size:14px;cursor:pointer;}.shorts li.shorts-ic span{display:block;width:64px;height:65px;}.main{padding:70px 0;}.page{padding:50px 0;}.featurettefg{margin:20px 0 10px;border:0;border-top:1px solid #EEE;border-bottom:1px solid #FFF;}.featurette li{font-size:16px;line-height:30px;line-height:26px;}.buy{border-radius:72em;background-color:#EF9436;color:#FFF;-webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);-moz-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);padding:5px 20px;text-shadow:none;}.buy:hover{background-color:#F5A34F;color:#FFF;}.feature h2{font-size:26px;}.footer hr{margin:0 auto 20px;}.footerbox{background:#f1f1f1 url('assets/img/footerbg.png') 0 0 repeat;padding:10px 0;-webkit-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);-moz-box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);box-shadow:inset 0 3px 8px rgba(0,0,0,0.125);}.sp{height:75px;margin:-62px auto 30px;background:url('assets/img/sp.png') no-repeat center;}.followus{margin:30px auto;}.followus a{background:url(assets/img/footersns.png) no-repeat;text-indent:-9999px;overflow:hidden;font-size:0px;position:relative;display:inline-block;width:32px;height:32px;-webkit-transition:background-position .乐道;-moz-transition:background-position .乐道;-ms-transition:background-position .乐道;-o-transition:background-position .乐道;transition:background-position .乐道;}.followus .snstwitter{background-position:0 0;}.followus .snstwitter:hover{background-position:0 -37px;}.followus .snsfacebook{background-position:-37px 0;}.followus .snsfacebook:hover{background-position:-37px -37px;}.followus .snsgoogleplus{background-position:-74px 0;}.followus .snsgoogleplus:hover{background-position:-74px -37px;}.followus .snsyoutube{background-position:-111px 0px;}.followus .snsyoutube:hover{background-position:-111px -37px;}.followus .snspinterest{background-position:-148px 0;}.followus .snspinterest:hover{background-position:-148px -37px;}.followus .snsflickr{background-position:-185px 0;}.followus .snsflickr:hover{background-position:-185px -37px;}.followus .snslinkedin{background-position:-222px 0;}.followus .snslinkedin:hover{background-position:-222px -37px;}.followus .snsrss{background-position:-259px 0;}.followus .snsrss:hover{background-position:-259px -37px;}.container-w b{font-size:1.5em;font-weight:none;font-family:"Lucida Grande",sans-serif;letter-spacing:-2px;}#h-head{background-color:#f5f5f5;background-image:-ms-linear-gradient(top,#fcfcfc,#f3f3f3);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fcfcfc),to(#f3f3f3));background-image:-webkit-linear-gradient(top,#fcfcfc,#f3f3f3);background-image:-o-linear-gradient(top,#fcfcfc,#f3f3f3);background-image:-moz-linear-gradient(top,#fcfcfc,#f3f3f3);background-image:linear-gradient(top,#fcfcfc,#f3f3f3);background-repeat:repeat-x;border-color:#f3f3f3 #f3f3f3 #802420;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);filter:progid:dximagetransform.microsoft.gradient(startColorstr='#fcfcfc',endColorstr='#f3f3f3',GradientType=0);filter:progid:dximagetransform.microsoft.gradient(enabled=false);text-align:center;}.infobar{margin-bottom:30px;}.domain-notice{margin-top:20px;}.support-platform{width:950px;height:77px;margin:0 auto;background:url(assets/img/supportplatform.png) no-repeat center;}.mrp{text-decoration: line-through;display: block;margin-bottom: 3px;}.special{color:red;}
 body {
	padding-bottom: 20px;
	color: #5a5a5a;
	background-image: url(assets/img/map.png);
    }
    /* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */

    /* Special class on .container surrounding .navbar, used for positioning it into place. */
    .navbar-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 10;
      margin-top: 20px;
      margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
    }
    .navbar-wrapper .navbar {

    }

    /* Remove border and change up box shadow for more contrast */
    .navbar .navbar-inner {
      border: 0;
      -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
         -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
              box-shadow: 0 2px 10px rgba(0,0,0,.25);
    }


    /* Navbar links: increase padding for taller navbar */
    .navbar .nav > li > a {
      padding: 7px 20px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      font-size: 16px;
    }

    /* Offset the responsive button for proper vertical alignment */
    .navbar .btn-navbar {
      margin-top: 10px;
    }



    /* CUSTOMIZE THE CAROUSEL
    -------------------------------------------------- */

    /* Carousel base class */
    .carousel {
      margin-bottom: 0px;
    }

    .carousel .container {
      position: relative;
      z-index: 9;
    }

    .carousel-control {
      height: 80px;
      margin-top: 0;
      font-size: 120px;
      text-shadow: 0 1px 1px rgba(0,0,0,.4);
      background-color: transparent;
      border: 0;
      z-index: 10;
    }

    .carousel .item {
      height: 500px;
    }
    .carousel img {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      height: 500px;
    }

    .carousel-caption {
      background-color: transparent;
      position: static;
      max-width: 500px;
      padding: 0 20px;
      margin-top: 115px !important;
    }
    .carousel-caption h1,
    .carousel-caption .lead {
      margin: 0;
      line-height: 1.45;
      color: #fff;
    }
    .carousel-caption .btn {
      margin-top: 10px;
    }
    .breadcrumb {
      background: #fff;
	  position: relative;
	  display: inline-block;
	  margin: 0px;
	  padding: 20px;
	}
	.span12 .featurette-nav {margin: 0 0 80px;}
	.footer {text-align: center;}
  input.button {width: 99%;}

    /* MARKETING CONTENT
    -------------------------------------------------- */

    /* Center align the text within the three columns below the carousel */
    .marketing .span4 {
      text-align: center;
    }
    .marketing h2 {
      font-weight: normal;
      font-size: 40px;
    }
    .marketing .span4 p {
      margin-left: 10px;
      margin-right: 10px;
    }
    i.img-circle {
    width: 140px;
    height: 140px;
    display: block;
    vertical-align: middle;
    margin: 0 auto 30px;
    background-image: url("assets/img/img-circle.png"/*tpa=https://www.ldhost.cn/assets/img/img-circle.png*/);
    background-repeat: no-repeat;
    }
    .safe {background-position: -0px -0px;}
    .bak {background-position: -0px -150px;}
    .dom {background-position: -0px -300px;}
    .safe:hover {background-position: -150px -0px;}
    .bak:hover {background-position: -150px -150px;}
    .dom:hover {background-position: -150px -300px;}


    /* Featurettes
    ------------------------- */

    .featurette-divider {
      margin: 80px 0; /* Space out the Bootstrap <hr> more */
    }
    .featurette {
      padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
      overflow: hidden; /* Vertically center images part 2: clear their floats. */
    }
    .featurette-image {
      margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
    }

    /* Give some space on the sides of the floated elements so text doesn't run right into it. */
    .featurette-image.pull-left {
      margin-right: 40px;
    }
    .featurette-image.pull-right {
      margin-left: 40px;
    }

    /* Thin out the marketing headings */
    .featurette-heading {
      font-size: 50px;
      font-weight: 300;
      line-height: 1;
      letter-spacing: -1px;
    }



    /* RESPONSIVE CSS
    -------------------------------------------------- */

    @media (max-width: 979px) {

      .container.navbar-wrapper {
        margin-bottom: 0;
        width: auto;
      }
      .navbar-inner {
        border-radius: 0;
        margin: -20px 0;
      }

      .carousel .item {
        height: 500px;
      }
      .carousel img {
        width: auto;
        height: 500px;
      }

      .featurette {
        height: auto;
        padding: 0;
      }
      .featurette-image.pull-left,
      .featurette-image.pull-right {
        display: block;
        float: none;
        max-width: 40%;
        margin: 0 auto 20px;
      }
    }


    @media (max-width: 767px) {

      .navbar-inner {
        margin: -20px;
      }

      .carousel {
        margin-left: -20px;
        margin-right: -20px;
      }
      .carousel .container {

      }
      .carousel .item {
        height: 300px;
      }
      .carousel img {
        height: 300px;
      }
      .carousel-caption {
        width: 65%;
        padding: 0 70px;
        margin-top: 100px;
      }
      .carousel-caption h1 {
        font-size: 30px;
      }
      .carousel-caption .lead,
      .carousel-caption .btn {
        font-size: 18px;
      }

      .marketing .span4 + .span4 {
        margin-top: 40px;
      }

      .featurette-heading {
        font-size: 30px;
      }
      .featurette .lead {
        font-size: 18px;
        line-height: 1.5;
      }
    }

  div.footer-container {
position: fixed;
width: 320px;
height: 40px;
bottom: 0;
right: 0;
background-color: #3d3d3d;
opacity: 1;
border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top: 1px solid #646464;
z-index: 999999999;
}
div.footer-container span {
font-family: 'Lucida Grande', sans-serif;
font-size: 12px;
color: white;
top: 12px;
left: 16px;
position: absolute;
text-shadow: 1px 1px rgba(0, 0, 0, .7);
}

div.footer-container div.cell {
height: 40px;
float: right;
width: 45px;
color: #fff;
box-shadow: 1px 0px 1px 0px rgba(0,0,0,1) inset, 2px 0px 0px 0px rgba(255,255,255,0.3) inset;
-webkit-box-shadow: 1px 0px 1px 0px rgba(0,0,0,1) inset, 2px 0px 0px 0px rgba(255,255,255,0.3) inset;
-moz-box-shadow: 1px 0px 1px 0px rgba(0,0,0,1) inset, 2px 0px 0px 0px rgba(255,255,255,0.3) inset;
background-color: #333;
background-image: -webkit-linear-gradient( rgba(255,255,255,.1), rgba(0,0,0,.15) );
background-image: -moz-linear-gradient( rgba(255,255,255,.1), rgba(0,0,0,.15) );
background-image: -ms-linear-gradient( rgba(255,255,255,.1), rgba(0,0,0,.15) );
background-image: linear-gradient( rgba(255,255,255,.1), rgba(0,0,0,.15) );
}

div.footer-container div.cell em {
position: relative;
overflow: hidden;
height: 21px;
width: 25px;
display: block;
margin: 9px auto;
text-indent: 9999px;
}
div.facebook em {
background-image: url("iconset.png"/*tpa=https://www.ldhost.cn/iconset.png*/);
background-position: 0px -120px;
}
div.twitter em {
background-image: url("iconset.png"/*tpa=https://www.ldhost.cn/iconset.png*/);
background-position: 0px -80px;
}
div.phone em {
background-image: url("iconset.png"/*tpa=https://www.ldhost.cn/iconset.png*/);
background-position: 0px -40px;
}
div.chat em {
background-image: url("iconset.png"/*tpa=https://www.ldhost.cn/iconset.png*/);
background-position: 0px 0px;
}

div.chat:hover > em, div.chat:active > em, div.chat:focus > focus {
background-position: -25px 0px;
}

.map {
	background: url("assets/img/map.png") no-repeat center top;
	padding: 40px 0;
	margin-bottom: 40px;
	border-bottom: 1px solid #e5e9ea;
}
.pricing-wrapper {
	padding-top: 50px;
}
.pricing {
	background: #fff;
	border: 2px solid #dfe6eb;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	position: relative;
 -webkit-transition: all .4s ease-in-out;
 -moz-transition:all .4s ease-in-out;
 -o-transition:all .4s ease-in-out;
 -ms-transition:all .4s ease-in-out;
 transition: all .4s ease-in-out;
}
.pricing:hover {
	border: 2px solid #F5A34F;
}
.pricing table {
	width: 100%;
	text-align: center;
}
.pricing table thead th {
	width: auto;
	padding: 60px 20px 20px 20px;
	font-size: 22px;
	font-family: Hiragino Sans GB, Microsoft Yahei, WenQuanYi Micro Hei, sans-serif;
	color: rgb(104, 104, 104);
	font-weight: 600;
	text-align: center;
}
.pricing table tbody td {
	width: auto;
	padding: 0 20px;
	font-size: 12px;
}
.pricing table tfoot td {
	padding: 20px;
	text-align: center;
}
.pricing table ul {
	display: block;
}
.pricing table ul li {
	background: #ecf0f1;
	padding: 10px 15px;
	margin-bottom: 1px;
	font-size: 13px;
	color: #677273;
	text-align: left;
}
/*price label*/
.pricing table .label-wrapper {
	position: relative;
}
.price-label {
	background: #F5A34F;
	width: 70px;
	height: 48px;
	padding: 21px 10px;
	font-size: 22px;
	color: #fff;

	line-height: 27px;
	text-align: center;
	position: absolute;
	top: -110px;
	left: 50%;
	margin-left: -49px;
	border: 4px solid #fff;
	-webkit-border-radius: 90px;
	-moz-border-radius: 90px;
	border-radius: 90px;
}
.price-label span {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2em;
	display: block;
}
/*pricing button*/
.pricing .mybtn {
	padding-left: 5%;
	padding-right: 5%;
	width: 90%;
}
.hosting-list li {
	font-size: 13px;
}
.hosting-list i, .hosting-list img {
	margin-right: 20px;
	color: #bdc3c7;
	font-size: 14px;
}
.hosting-list li .tooltip-arrow {
	display: none;
}

.STYLE2 {font-size: 18px}
.dropdown.hosts .dropdown-menu{position: fixed; width: 820px; left: calc( (100vw - 300px)/2 ); top: 80px;}
.nav-menu-dropdown .nav-menu-wrap {
	margin: 0 auto;
	overflow: hidden;
	transition: max-height 0.7s ease-out, opacity 0.25s ease-out;
	z-index: 10;
	box-sizing: border-box;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  padding: 32px 30px 30px 30px;
  box-shadow: 0px 0px 1px 1px rgb(0 63 186 / 13%);
  border-radius: 4px;
}
.nav-menu-dropdown .nav-menu-wrap .menu-item {
  float: left;
  width: 170px;
  margin: 0
}

.nav-menu-dropdown .nav-menu-wrap .menu-item .menu-item-title {
  display: flex;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #E5E5E5;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  color: #333333;
}

.nav-menu-dropdown .nav-menu-wrap .menu-item .menu-item-title .title-flag {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.nav-menu-dropdown .nav-menu-wrap .menu-item .menu-item-category .category-li {
  position: relative;
  line-height: 1;
  margin-top: 22px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  cursor: pointer;
}
.nav-menu-dropdown .nav-menu-wrap .menu-item .menu-item-category a,.nav-menu-dropdown .nav-menu-wrap .menu-item .menu-item-category a:hover{
  text-decoration: none !important;
  transition: all .3s;
}
.nav-menu-dropdown .nav-menu-wrap .menu-item .menu-item-category .category-li:hover {
  color: #118EFC;
}

.nav-menu-dropdown .nav-menu-wrap .menu-item .menu-item-category .category-li .flag {
  position: relative;
  height: 18px;
  padding: 0px 5px;
  font-size: 12px;
  display: inline-block;
  line-height: 18px;
  box-sizing: border-box;
  margin-left: 10px;
}

.nav-menu-dropdown .nav-menu-wrap .menu-item .menu-item-category .category-li .flag::after {
  content: '';
  position: absolute;
  left: -11px;
  top: 50%;
  transform: translate(0, -50%);
  width: 0px;
  height: 0px;
  border: 5px solid;
}

.nav-menu-dropdown .nav-menu-wrap .menu-item .menu-item-category .category-li .flag::before {
  content: '';
  position: absolute;
  left: -9px;
  top: 50%;
  transform: translate(0, -50%);
  width: 0px;
  height: 0px;
  border: 5px solid;
  border-color: transparent #f0e7de transparent transparent;
  z-index: 20;
}

.nav-menu-dropdown .nav-menu-wrap .menu-item .menu-item-category .category-li .flag.hot {
  color: #FF902D;
  border: 1px solid #FF902D;
}

.nav-menu-dropdown .nav-menu-wrap .menu-item .menu-item-category .category-li .flag.hot::after {
  border-color: transparent #FF902D transparent transparent;
}

.nav-menu-dropdown .nav-menu-wrap .menu-item .menu-item-category .category-li .flag.new {
  color: #FF290C;
  border: 1px solid #FF290C;
}

.nav-menu-dropdown .nav-menu-wrap .menu-item .menu-item-category .category-li .flag.new::after {
  border-color: transparent #FF290C transparent transparent;
}

.nav-menu-dropdown .nav-menu-wrap .menu-item .menu-item-title {
	display: flex;
	align-items: center;
	padding-bottom: 10px;
	border-bottom: 1px solid #333;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	color: #333333;
}
#myCarousel{margin-top: 100px;}
.carousel .item{height: 440px !important; overflow: hidden;}
.carousel .item img{object-fit: cover;}
.flex{display: -webkit-box; display: -webkit-flex; display: flex;}
.flexCenter{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center;}
.flexJc{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center;}
.flexAc{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center;}
.flexColumn{display: -webkit-box; display: -webkit-flex; display: flex; flex-direction: column;}
.flexWrap{display: -webkit-box; display: -webkit-flex; display: flex; flex-wrap: wrap;}
.flexJb{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap;}
.flexRight{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: flex-end;}
.ov{overflow: hidden;}
.bloglist li{width: 33.3333%; height: 35px; margin-bottom: 10px;}
@media(max-width: 1170px){ 
  #myCarousel{width: 1170px;}
  html{overflow: scroll; overflow-x: hidden; overflow-y: auto;}
  html,body,.container,.navbar-fixed-top,.ms{width: 1170px !important;}
  .container-w{padding: 0 3vw;}
  .desc-center-main,.desc-center[data-v-1b8d54ae][data-v-1b8d54ae],.descItem[data-v-1b8d54ae]{min-width: 1170px !important; width: 1170px !important; box-sizing: border-box; overflow: hidden;}
  .ms{overflow: hidden;}
  .index-pricing-wrapper{padding: 0 3% !important; width: 1170px !important;}
  .span3{margin-left: 12px !important; width: 270px !important;}
  .map{width: 1170px !important; overflow: hidden;}
  .main{overflow: hidden;}
  .span12{width: 1170px !important;}
  .span4{width: 360px !important;}
  .span12 .row{margin: 0 !important;}
  .ssl_container-w{width: 100% !important; margin-left: -10px !important; padding: 0 2% !important; box-sizing: border-box !important; overflow: hidden;}

}