@import url('./hover.css');
::selection {
	/* background-color:#f8f0c0; */
}
* {		
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-box-sizing: border-box;
}
html,
body {
    margin: 0;
    padding: 0;
}
body, input, textarea, select, button {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-font-feature-settings: "liga", "kern";
}
body {
    /* font-family: Lato, "PingFang", "Helvetica Neue", Helvetica, "Microsoft Jhenghei", "Hiragino Sans GB", SimHei, STHeiti, sans-serif; */
    font-family: "Roboto", "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", BlinkMacSystemFont, -apple-system, "Segoe UI", "Microsoft Yahei", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	line-height: 24px;
    font-size: 14px;
    color: #666;
    position: relative;
    width: 100%;
    height: calc(100vh);
    background-color: #FFF;
}
h1,
h2,
h3,
h4,
h5 {
	font-weight: normal;
    color: #1c2334;
    margin-top: 0;
    margin-bottom: 20px;
    font-family: "Roboto", "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", BlinkMacSystemFont, -apple-system, "Segoe UI", "Microsoft Yahei", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	}
img {
    max-width: 100%;
    height: auto;
}
a {
    color: #777;
    outline: none;
    text-decoration: none;
    transition: all .3s ease-in;
}
a:focus {
	outline: none;
    text-decoration: none;
}
a:hover,
a:active {
    outline: none;
    color: #2B2F3D;
    text-decoration: none;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix {
    *zoom: 1;
}

/* å…¬ç”¨å‡½æ•° Start
==============================================================*/
hr.line {
	border: 0 none;
	height: 1px;
	background-color: #E5E5E5;
	margin: 40px 0;
}
/* Theme Headingsa */
.heading {
    color: #666;
}
.heading em {
    color: #282c32;
    font-style: normal;
}
.head-title {
	margin-bottom: 50px;
}
.head-title h2,
.head-title h3 {
	color: #333;
	font-size: 30px;
	position: relative;
	overflow: hidden;
	text-align: center;
	
}
.head-title h2:after,
.head-title h3:after {
	
}
.lead {
	font-size: 16px;
	color: #999;
	margin-bottom: 20px;
}

.page-inner p {
	margin-bottom: 20px;
}

.hidden {
	display: none;
	visibility: hidden;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    z-index: 10;
	position: relative;
}

.container:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.space {
    padding-top: 80px;
    padding-bottom: 80px;
}
.space2x {
    padding-top: 40px;
    padding-bottom: 40px;
}
.space3x {
    padding-top: 120px;
    padding-bottom: 120px;
}
.space p {
	margin-bottom: 0;
}

.btn-blue,
.btn-blue-border:hover {
    color: #FFF !important;
    background: #3ba3ff !important;
    border: 2px solid transparent !important;
}
.btn-blue:hover,
.btn-blue-border {
    color: #7ac1ff !important;
    background-color: transparent !important;
    border: 2px solid #3ba3ff !important;
}
.btn-org-border,
.btn-org:hover {
    color: #fff !important;
    background-color: transparent !important;
    border: 2px solid #3ba3ff !important;
}
.btn-org,
.btn-org-border:hover {
    color: #FFF !important;
    background: #3ba3ff !important;
    border: 2px solid transparent !important;
}
.btn-outline {
	color: rgba(77,190,94,0.8);
	border: 2px solid rgba(77,190,94,.8);
	background-color: transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-outline:hover,
.btn-outline:focus {
	color: #fff;
	border: 2px solid rgba(77,190,94,.8);
	background-color: rgba(77,190,94,.8);
}
/* Theme Greay Bg Color */
.grey-bg {
    background: linear-gradient(#f5f7f9, #f5f7f9) no-repeat 100% 0;
}

/* TopNav Start
==============================================================*/
	.banner .container .index-banner-img {
		top: 50%;
		transform: translate(0px,-50%);
	}
.topnav {
	position: relative;
	z-index: 1001;
	margin-bottom: 0;
	/*background-color: #2679b9;
	background:linear-gradient(45deg, #10559e 5%, #1e88e5 65%, #40BAF5 98%);*/
	
	
	background: rgba(255,255,255,0.05);
	padding: 3px 0;
}
.topnav .navbar {
	min-height: 30px;
	margin-bottom: 0;
}
.topnav .navbar .navbar-nav>li {
	color: #FFF;
	line-height: 30px;
	padding: 1px 10px;
}
.topnav .navbar .navbar-nav>li>a {
	color: #FFF;
	padding: 0;
	position: relative;
	line-height: 32px;
	height: 32px ;
	    font-size: 14px;
	/*text-transform: uppercase;*/
}
.topnav .navbar .navbar-nav>li>a:focus,
.topnav .navbar .navbar-nav>li>a:hover,
.topnav .navbar .navbar-nav>.active>a:focus,
.topnav .navbar .navbar-nav>.active>a:hover,
.topnav .navbar .navbar-nav>.open>a,
.topnav .navbar .navbar-nav>.open>a:focus,
.topnav .navbar .navbar-nav>.open>a:hover {
	color: #FFCC00;
	background-color: transparent;
}
.topnav .navbar .navbar-nav>li .fa {
	color: #FFCC00;
	margin-right: 5px;
	font-size: 1.2em;
	font-weight: 600;
	vertical-align: middle;
}
.topnav .navbar .navbar-nav .phone {
	color: #FFCC00;
	font-size: 16px;
	font-weight: 600;
}

/* Header Start
==============================================================*/
header {
	z-index: 1000;
	position: relative;
	/*background:#328ddb;
	background: linear-gradient(45deg, #10559e 3%, #1e88e5 55%, #40BAF5 91%);*/
	background: none;
}
/* Header Fixed */
header.fixed {
	position: fixed;
	width: 100%;
	top: 0;
}
header.fixed .navbar .navbar-header {
	margin-top: 5px;
}
header.fixed .navbar .navbar-brand {
	width: 195px;
	height: 50px;
	background-size: 150px 50px;
}
header.fixed .navbar .navbar-nav>li>a {
	line-height: 50px;
}
header.fixed .navbar .navbar-nav>li>a.login {
	margin-top: 11px;
}
/* Header Fixed */
header .navbar {
	margin: 0;
	border: 0 none;
	background-color: transparent;
}
header .navbar .navbar-header {
	margin-top: 9px; /* å¯¼èˆªé«˜åº¦ 281 è¡Œå…³è” */
}
header .navbar .navbar-brand {
	padding: 0;
	height: 65px;
	width: 165px;
	background: url(/images/logo.png) no-repeat;
	background-size: 100%;
	text-indent: -999em;
}
header .navbar .navbar-nav {
	margin-left: 116px;
}
header .navbar .navbar-nav>li {
	
}
header .navbar .navbar-nav>li:last-child {
	margin-right: 0;
}
header .navbar .navbar-nav>li>a {
	color: #FFF;
	font-size: 16px;
	line-height: 70px; /* å¯¼èˆªé«˜åº¦ 259 è¡Œå…³è” */
	padding: 5px 20px;
	position: relative;
	text-transform: uppercase;
}
header .navbar .navbar-nav>li>a:focus,
header .navbar .navbar-nav>li>a:hover,
header .navbar .navbar-nav>.active>a,
header .navbar .navbar-nav>.active>a:focus,
header .navbar .navbar-nav>.active>a:hover {
	color: #FFF;
	/*background-color: #2679b9;
	background-color: #2880de;*/
}
header .navbar .navbar-nav>li>a.login {
	padding: 7px 18px;
	line-height: 20px;
	margin-top: 21px;
	margin-right: 15px;
	/*background-color: #2679b9;
	background-color: #3ba3ff;*/
	border-color: rgba(255,255,255, 0.2);
}
header .navbar .navbar-nav>li>a.login:hover {
	box-shadow: inset 0 0 0 2px #FFCC00;
	background-color: transparent;
}

@media (max-width: 1200px) {
header .navbar .navbar-nav.account {
	display: none;
}
}

/* Sub-Nav Start
==============================================================*/
.subnav {
	position:absolute;
	z-index:1001;
	top: 120px;
	left: 0;
	width: 100%;
}
.subnav.fixed {
	top: 60px;
	position: fixed;
}
.subnav .sub-nav {
	/*background-color: #2679b9;
	background: linear-gradient(45deg, #2591e9 20%, #168cf3 37%, #4eafff 75%);*/
	background-color: #202124;
	opacity: 0.95
}
.subnav .sub-nav:after {
	content: '';
	clear: both;
}
.sub-nav dl {
	margin: 20px 80px 20px 0;
	float: left;
}
.sub-nav dt,
.sub-nav dt a {
	color: #FFF;
	font-size: 14px;
	line-height: 30px;
	padding-bottom: 10px;
	margin-top: 20px;
	font-weight: normal;
}
.sub-nav dd {
	line-height:30px;
}
.sub-nav dd .hot {
	background-image: url('/images/nav-hot.png');
	margin-left: 5px;
	margin-top: 10px;
	width: 28px;
	height: 11px;
	text-indent: -999em;
	display: block;
	float: right;
}
.sub-nav dd a {
	color: rgba(255,255,255,0.7);
}
.sub-nav dd a:hover {
	color: #FFCC00;
}

 


.nav-menu {
	width: 100%;
	overflow: hidden;
	background-color: #F7FBFB;
	box-shadow: inset 0 -1px 0 #e3e3e3;
}
.nav-menu ul {
	display: block;
	margin: 0 auto;
	padding: 0;
}
.nav-menu ul li {
	float: left;
	width: 20%;
	list-style: none;
}
.nav-menu ul li:first-child a {
	border-left: 1px solid #e3e3e3
}
.nav-menu ul a {
	color: #555;
	width: 100%;
	font-size: 16px;
	text-transform: uppercase;
	padding: 20px 0;
	float: left;
	text-align: center;
	border-right: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	background-color: #F7FBFB;
	letter-spacing: .5px;
	transition: all 0.2s ease-in-out
}
.nav-menu ul a:hover {
	color: #F86539;
	background-color: #FFF;
}
.nav-menu ul .active a {
	color: #F86539;
	font-weight: bold;
	background-color: #FFF;
	border-bottom: 1px solid #FFF;
}
.nav-menu ul a:after {
	content: "";
	clear: both
}

/* Slider Start
==============================================================*/
/* Main Slider
-------------------------------------------------- */
#feature_slider {

    height: 500px;
	background-size: cover;
    z-index: 1;
    position: relative;
	
}
#feature_slider h1 {
    font-weight: 100;
    color: #ccc;
    font-size: 60px;
    line-height: 66px;
    text-align: center;
    position: absolute;
    top: 180px;
    width: 100%;
}
#feature_slider h1 strong {
    text-transform: uppercase;
    font-size: 14px;
    margin: 0 0 20px;
}
#pagination {
    position: absolute;
    bottom: 20px;
    z-index: 3;
    margin: 0;
    padding: 0;
    display: none;
    list-style-type: none;
}
#pagination li {
    text-indent: -99999em;
    float: left;
    padding: 0 6px;
    cursor: pointer;
}
#pagination li a {
    width: 8px;
    height: 8px;
    background: #AAB2BD;
    border-radius: 10px;
    display: block;
    opacity: .7;
    -webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    transition: opacity .1s linear;
}
#pagination li.active a {
    background: #CCD1D9;
    box-shadow: none;
    width: 8px;
    height: 8px;
}

#pagination li:hover a {
    opacity: 1;
}
#feature_slider .slide {
    width: 100%;
    /*height: 720px;*/
    height: 500px;
    position: absolute;
    display: none;
    overflow: hidden;
    z-index: 1;
}
#feature_slider .slide.previous {
    z-index: 1;
}
#feature_slider .slide.active {
    z-index: 2;
}
#feature_slider .slide.hiddden {
    display: none;
}

/* Custom styles for each slide */

/* Slide 1 */
#feature_slider .slide#showcasing .info {
    position: absolute;
    top: 160px;
    left: 13%;
    width: 30%;
    display: none;
    z-index: 10;
}
#feature_slider .slide#showcasing .info h2 {
    color: #fff;
    font-size: 50px;
    font-weight: normal;
    line-height: 56px;
    text-shadow: 1px 1px 1px rgb(49, 57, 61);
}
/* Slide 2 */
#feature_slider .slide#ideas .info {
    position: relative;
    top: 110px;
    text-align: center;
}
#feature_slider .slide#ideas .info h2 {
    color: #fff;
    font-weight: normal;
}


#feature_slider .slide#ideas1 .info {
    position: relative;
    top: 110px;
    text-align: center;
}
#feature_slider .slide#ideas1 .info h2 {
    color: #fff;
    font-weight: normal;
}

#feature_slider .slide#ideas1 .info h3 {
    color: #fff;
    font-weight: normal;
}

/* Slide 3 */
#feature_slider .slide#tour .info {
    position: absolute;
    top: 150px;
    right: 6%;
    width: 25%;
}
#feature_slider .slide#tour .info h2 {
    color: #fff;
    font-size: 45px;
    font-weight: normal;
    text-shadow: 1px 1px 1px #3b3262;
    line-height: 57px;
}
#feature_slider .slide#tour .info a {
    color: #fff;
    font-weight: bold;
    background-color: #2a205d;
    padding: 13px 30px;
    font-size: 19px;
    border-radius: 5px;
    margin-top: 40px;
    display: inline-block;
    -webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    transition: opacity .1s linear;
}
#feature_slider .slide#tour .info a:hover { }

/* Slide 4 */
#feature_slider .slide#responsive .info {
    position: absolute;
    top: 170px;
    right: 9%;
    width: 25%;
}
#feature_slider .slide#responsive .info h2 {
    color: #fff;
    font-size: 47px;
    font-weight: normal;
    text-shadow: 1px 1px 1px #3b3262;
    line-height: 56px;
}
#feature_slider .slide#responsive .info h2 strong {
    font-size: 42px;
}

#feature_slider .slide .info h2 { }
#feature_slider .slide .info {
    display: none;
    z-index: 10;
}
#feature_slider .slide .info a:hover {
    opacity: .8;
}
#feature_slider .asset,
#feature_slider .fade {
    position: absolute;
    display: none;
}
#feature_slider #slide-left,
#feature_slider #slide-right {
    width: 31px;
    height: 37px;
    display: block;
    position: absolute;
    top: 45%;
    left: 10px;
    background: url(/images/bg_direction_nav.png) no-repeat;
    opacity: .5;
    -webkit-transition: opacity .1s linear;
    -moz-transition: opacity .1s linear;
    transition: opacity .1s linear;
    display: none;
    z-index: 2;
}
#feature_slider #slide-right {
    left: auto;
    right: 10px;
    background-position: -31px 0;
}
#feature_slider #slide-left:hover,
#feature_slider #slide-right:hover {
    opacity: 1;
}

/* Homepages */
.feature .main {
	background-color: #f4f6f8;
	border-radius: 4px;
}
.feature .main .main-head {
	height: 200px;
	position: relative;
	border-radius: 4px 4px 0 0;
	background-position: center bottom;
	background-size: cover;
}
.feature .main .main-head h3 {
	position: absolute;
	left: 15px;
	bottom: 15px;
	color: #FFF;
	margin-bottom: 0;
	text-shadow: 3px 0 5px rgba(0,0,0,.2);
}
.feature .main .main-head.x1 {
	background-image: url('/images/feature-main1.jpg');
}
.feature .main .main-head.x2 {
	background-image: url('/images/feature-main2.jpg');
}
.feature .main .main-head.x3 {
	background-image: url('/images/feature-main3.jpg');
}
.feature .main .main-foot {
	padding: 20px;
}
.feature .main .main-foot p {
	margin-bottom: 20px;
}

.feature-why {
	background-image: url('/images/bg-creation-02.jpg');
}
.feature-why h3,
.feature-why p {
	color: #FFF;
}
.feature-why h3 {
	font-size: 24px;
}
.feature-why p {
	font-size: 16px;
}
.feature-why .col-sm-6:first-child {
	position: relative;
	min-height: 200px;
}
.feature-why img {
	max-width: 70%;
	position: absolute;
	bottom: -80px;
	left: 15%;
}
.product .main-head {
	margin-bottom: 5px;
}
.product .main-head img {
	width: 80px;
}
.product .main-foot h3 {
	color: #666;
	font-size: 22px;
}
.product .main-foot p {
	color: #AAA;
}

.product .main-foot p {
	color: #AAA;
}
.testimonial {
	position: relative;
}
.testimonial .item {
	padding-top: 80px;
	padding-bottom: 80px;
}
.testimonial .img1 {
	background-image: url('/images/photo-esapiens-testimonial.jpg');
	background-size: cover;
}
.testimonial .img2 {
	background-image: url('/images/bg-creation-02.jpg');
	background-size: cover;
}
.testimonial .customNavigation {
	text-align: right;
	position: relative;
	top: -55px;
}
.testimonial .main {
	color: #FFF;
	font-size: 18px;
	padding: 20px;
	border-radius: 4px;
	background-color: rgba(0,0,0,.5);
}
.testimonial .main p:first-child {
	margin-bottom: 20px;
}

.news {
	background-color: #F4F6F8;
}
.news .col-sm-4 {
	padding-right: 5px;
}
.news .main {
	margin: 0 0 0 2px;
	/*border-right: 2px solid #DDD;*/
}
.news .main.last {
	border-right: 0;
}
.news .main li {
	color: #999;
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;
    line-height: 28px;
}
.news .main li a {
	color: #333;
}

.news .main li a:hover {
  color: #118efc; 
}
/* Domains */
.domains-head .main .main-head {
	border: 1px solid #EEE;
	border-radius: 4px;
	margin-bottom: 60px;
}
.domains-head .main .main-head ul {
	margin: 0;
	padding: 0;
	border-bottom: 0;
}
.domains-head .main .main-head li {
    transition: all .5s ease;
	border-right: 1px solid #EEE;
}
.domains-head .main .main-head li:last-child {
	border-right: 0;
}
.domains-head .main .main-head li:hover {
	background-color: #F5F5F5;
}
.domains-head .main .main-head .nav-tabs>li>a {
	margin-right: 0;
	line-height: 1.42857143;
	border: 0 none;
	border-radius: 0;
}
.domains-head .main .main-head .nav>li>a:focus,
.domains-head .main .main-head .nav>li>a:hover {
  text-decoration: none;
  background-color: transparent;
}
.domains-head .main .main-head li.active {
	font-weight: bold;
	background-color: #EEE;
}
.domains-head .main .main-head .nav-tabs>li.active>a,
.domains-head .main .main-head .nav-tabs>li.active>a:focus,
.domains-head .main .main-head .nav-tabs>li.active>a:hover {
	background-color: transparent;
}

.domains-head .main .main-foot {
	padding: 0 50px;
}
.domains-head .main .main-foot img {
	max-width: 100px;
	float: left;
	margin-right: 20px;
}
.domains-head .main .main-foot p {
	padding-top: 10px;
	text-indent: 2em;
	font-size: 15px;
}


.domains-slide {
	background-image: url('/images/TB1_KNZHXXXXXcFapXXxLHZ_pXX-1900-300.jpg');
	background-size: cover;
}
.domains-slide.space {
	padding-top: 100px;
	padding-bottom: 100px;
}
.domains-slide h2 {
	font-weight: 500;
}
.domains-slide h2 span {
	color: #E35519;
}
.domains-slide .input-group {
	width: 90%;
}
.domains-slide .input-group input.form-control {
	padding: 12px 16px;
	font-size: 18px;
	height: auto;
}
.domains-slide .input-group .input-group-btn .btn  {
	padding: 12px 30px;
	font-size: 18px;
	height: auto;
}
.domains-slide .sch-links {
	margin-top: 20px;
}
.domains-slide .sch-links a {
	color: #333;
}
.domains-slide i.line {
	color: #999;
	margin: 0 10px;
	font-weight: bold;
}

.domains-main {
	background-color: #F5F5F3;
}
.domains-main.space {
	padding-top: 40px;
	padding-bottom: 40px;
}
.domains-info,
.domains-side {
	padding: 15px;
	border-radius: 4px;
	background-color: #FFF;
}
.domains-side {
	height: 100%;
}
.domains-side .domains-faq li {
	line-height: 35px;
}
.domains-side .ads {
	color: #BBB;
	margin-top: 17px;
	line-height: 100px;
	text-align: center;
	border-radius: 4px;
	background-color: #eee;
}
.domains-main .domains-info table {
	margin-bottom: 0;
	border: 1px solid #E9E9E9;
}
.domains-main .domains-info table thead th {
	background-color: #F5F5F3;
}
.domains-main .domains-info table th,
.domains-main .domains-info table td {
	padding: 0 15px;
	line-height: 50px;
	text-align: center;
}
.domains-main .domains-info table td:first-child span {
	margin-right: 10px;
	display: inline-table;
	width: 100px;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
}
.domains-main .domains-info table td:first-child .label {
	border-radius: 100%;
	margin-right: 10px;
	padding: 3px 5px;
	text-align: center;
	font-style: normal;
	font-size: 12px;
}
.domains-main .domains-side .domains-setting {
	border: 1px solid #DDD;
	padding: 0 20px;
}
.domains-main .domains-side .domains-setting li {
	line-height: 60px;
	font-size: 18px;
	border-bottom: 1px solid #EEE;
}
.domains-main .domains-side .domains-setting li a {
	color: #333;
}
.domains-main .domains-side .domains-setting li:last-child {
	border-bottom: 0;
}
.domains-main .domains-side .domains-setting li .fa {
	color: #333;
	font-size: 20px;
	margin-right: 10px;
}
.domains-main .domains-side .domains-faq {
	margin: 0;
	padding: 0 0 0 20px;
}

/* Plans */

.newcloud-plans {
	overflow: hidden;
}

.newcloud-plans .planlist2 {
	display: none;
}

.plan {
	position: relative;
	text-align: center;
	border-radius: 5px;
	border: 1px solid #eee;
}

.plan:hover {
	border-color: #DDD;
	background-color: #F4F6F8;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.plan.best {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.plan.best .hot {
	color: #FFF;
	font-weight: bold;
	font-size: 12px !important;
	padding: 0 50px;
	right: -45px;
	top: 20px;
	position: absolute;
	/*background-color: #D9534F;*/
	background-color:#ff902d;
	transform:rotate(45deg);
	-ms-transform:rotate(45deg); 	/* IE 9 */
	-moz-transform:rotate(45deg); 	/* Firefox */
	-webkit-transform:rotate(45deg); /* Safari å’Œ Chrome */
	-o-transform:rotate(45deg); 	/* Opera */
}
.plan.nomore {
	border-color: #DDD;
	background-color: #F4F6F8;
}
.plan.nomore h2 {
	line-height: 100px;
}
.plan .plan-head {
	overflow: hidden;
	position: relative;
}
.plan .plan-head h2 {
	font-size: 26px;
	padding: 10px 0 0;
	margin-bottom: 0;
}
.plan .plan-head h3 {
	font-size: 48px;
	font-weight: bold;
	margin-bottom: 0;
	padding: 10px 0;
}
.plan .plan-head h3 .config-price {
    color: #FF5107;
}

.plan .plan-head h3 sup {
	margin-right: 3px;
}
.plan .plan-head h3 sup,
.plan .plan-head h3 sub {
	font-size: 18px;
	font-weight: normal;
}
.plan .plan-foot {
	padding: 0 15px 20px;
}
.plan .plan-foot ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.plan .plan-foot ul:last-child {
	padding-bottom: 20px;
}
.plan .plan-foot ul li {
	line-height: 35px;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	padding-left: 20%;
}
.plan .plan-foot ul li span {
	color: #9e9e9e;
	display: inline-block;
	margin-left: 10px;
	font-weight: 400;
	font-size: 14px;
}
.plan .plan-foot a.btn-buy {
	color: #FFF;
	width: 100%;
	padding: 10px 20px;
	/*background-color: #5CB85C;*/
	background-color: #118efc;
}
.plan .plan-foot a.btn-buy:hover {
	/*background: #4c9c4c;*/
	background-color: #3ba3ff;
}

.newcloud-plans .col-sm-12,
.hkhost-plans .col-sm-12,
.bse-plans .col-sm-12,
.phpcloud-plans .col-sm-12 {
	margin-bottom: 30px;
	text-align: right;
}

.morelink,
.morelinktwo,
.detaillink {
	cursor: help;
	color: #999;
	margin-left: 15px;
	padding: 5px 11px;
	border-radius: 4px;
	border: 1px solid #d6d6d6;
}
.morelinktwo {
	display: none;
}
.morelink:hover,
.morelinktwo:hover {
	color: #FFF;
	background-color: #d6d6d6;
}
.detaillink {
	cursor: pointer;
	/*color: #D44945;
	border: 1px solid #D44945;*/
	color:#118efc;
	border: 1px solid #118efc;
}
.detaillink:hover {
	color: #FFF;
	background-color: #118efc;
}
.carousel-control.left,
.carousel-control.right {
	background-image: none;
}
.newcloud-service {
	background-color: #F4F6F8;
}
.newcloud-service .main  {
	padding: 20px 15px;
	border-radius: 4px;
	border: 1px solid #DDD;
}
.newcloud-service .main:hover  {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	background-color: #FEFEFE;
}
.newcloud-service .main h4 {
	margin-bottom: 10px;
}
.newcloud-service .main h4,
.newcloud-service .main p {
	padding-right: 80px;
}
.newcloud-service .main .glyphicon {
	float: right;
	font-size: 4em;
	margin: 15px;
}
.newcloud-service .row > div:nth-child(1) .glyphicon {
	color: #FF7F00;
}
.newcloud-service .row > div:nth-child(2) .glyphicon {
	color: #00A4DD;
}
.newcloud-service .row > div:nth-child(3) .glyphicon {
	color: #85B300;
}
.newcloud-cpanel .main-text p {
	font-size: 16px;
}
.newcloud-cpanel .main-text ul {
	margin: 30px 0;
	padding: 0;
	list-style: none;
}
.newcloud-cpanel .main-text li {
	font-size: 18px;
	line-height: 40px;
	float: left;
	width: 33.33%;
}
.newcloud-cpanel .main-text li .fa {
	color: #27C437;
	margin-right: 10px;
}


.browser {
	border: 1px solid #CCC;
	background-color: #F6F6F6;
	border-radius: 5px;
	margin: 0 auto;
	max-width: 600px;
	max-height: 400px;
	box-shadow: 0 0 5px rgba(0,0,0,.05);
}
.browser .head {
	padding: 5px 12px 2px;
	background: linear-gradient(#E9E7EA, #CFCDCF);
	border-bottom: 1px solid #ADAEAD;
	border-radius: 5px 5px 0 0;
}
.browser .head:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.browser .head .label-list .label {
	border: 1px solid #B6B5B6;
	background-color: #CFCFCF;
	padding: 6px;
	border-radius: 15px;
	display: inline-table;
	margin-right: 5px;
}
.browser .head .label-list .label.cls {
	border: 1px solid #C84942;
	background-color: #FF564D;
}
.browser .head .label-list .label.min {
	border: 1px solid #CF9833;
	background-color: #FEBB31;
}
.browser .head .label-list .label.max {
	border: 1px solid #329133;
	background-color: #27C437;
}
.browser .url {
	padding: 5px;
	background-color: #E6E6E6;
}
.browser .url:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.browser .url .fa {
	padding-right: 20px;
	text-align: center;
	color: #C7C7C7;
	font-size: 2em;
	float: left;
	line-height: 26px;
	vertical-align: middle;
}
.browser .url .fa:first-child {
	padding-left: 5px;
}
.browser .url p {
	margin-left: 60px;
	margin-bottom: 0;
	padding: 2px 8px;
	color: #AAA;
	font-size: 12px;
	font-weight: bold;
	border-radius: 2px;
	background-color: #FEFEFE;
}
.browser .url p span {
	color: #27C437;
}
.browser .main {
	max-height: 245px;
	overflow: hidden;
	border-radius: 0 0 5px 5px;
}

.newcloud-menu {
	overflow: hidden;
	height: 70px;
	background-color: #f8f8f8;
}
.newcloud-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.newcloud-menu ul li {
	float: left;
	height: 70px;
}
.newcloud-menu ul li a {
	display: block;
	padding: 0 30px;
	font-size: 16px;
	line-height: 70px;
	font-weight: 500;
	height: 70px;
	color: #68717a;
}
.newcloud-menu ul li a:hover {
	text-decoration: none;
	color: #1e88e5;
	background-color: rgba(169, 176, 184, 0.2);
}
.newcloud-menu ul li.active a {
	color: #1e88e5;
	background: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 1, 0.2);
}

.tabpanel-title {
	color: #1d9bd9;
	font-size: 18px;
	height: 60px;
	border-bottom: 2px solid #ddd;
}
.tabpanel-title.fixed {
	position: fixed;
	top: 0px;
	background: #FFF;
	z-index: 1000;
}
.tabpanel-title ul {
	margin: 0;
	padding: 0;
}
.tabpanel-title ul:after {
	content: '';
	clear: both;
}
.tabpanel-title li {
	float: left;
	list-style: none;
	width: 141px;
	padding-left: 15px;
	line-height: 60px;
}
.tabpanel-title li:first-child {
	margin-left: 110px;
}
.tabpanel-title li:nth-child(6) {
	width: 150px;
}
.tabpanel-title li:last-child {
	width: 165px;
}

#features .main {
	padding-right: 50px;
}

#features img {
	margin-bottom: 30px;
	width: 500px;
height: 200px;
background-size: cover;
}


.table-features .row > div {
	margin-bottom: 40px;
}
.table-features .main .table th h4 {
	margin-bottom: 5px;
}
.table-features .main .table>tbody>tr>td,
.table-features .main .table>tbody>tr>th,
.table-features .main .table>tfoot>tr>td,
.table-features .main .table>tfoot>tr>th,
.table-features .main .table>thead>tr>td,
.table-features .main .table>thead>tr>th {
	color: #333;
	padding: 20px;
	font-size: 16px;
	line-height: 1.8;
	font-weight: 200;
}
.table-features .main .table>thead>tr>th {
	color: #118efc;
	font-size: 18px;
}
.table-features .main .table>tbody>tr>td span.currency {
	position: relative;
	top: -6px;
	line-height: 1.5556;
	color: #666;
}
.table-features .main .table>tbody>tr>td span.price {
	font-size: 1.7em;
	line-height: 1;
	color:#FF5107;
	font-weight: normal;
}
#features .fa {
	color: #1d9bd9;
	font-size: 6em;
	margin-bottom: 10px;
}

#parameter .table>tbody>tr>td:first-child,
#function .table>tbody>tr>td:first-child {
	font-weight: 600;
}
#function .table>tbody>tr:first-child>td {
	border-top: 0;
}
#function .table>tbody>tr>td a.btn-buy {
	background: #1d9bd9;
	background: -webkit-linear-gradient(#3baee7, #08c);
	background: linear-gradient(#3baee7, #08c);
	border-color: #137ec6;
	border-top-color: #1992da;
	border-bottom-color: #0d6ab2;
	color: #fff;
	padding: 0 1em;
	line-height: 1.7;
	border-radius: 4px;
	cursor: pointer;
	text-align: center;
	white-space: nowrap;
	display: inline-block;
}
#function .table>tbody>tr>td a.btn-buy:hover {
	background: #2fa2dc;
	background: -webkit-linear-gradient(#4ab4e8, #1491d0);
	background: linear-gradient(#4ab4e8, #1491d0);
}
#function h4 {
	margin-top: 50px;
	padding-bottom: 18px;
	margin-bottom: 31px;
	border-bottom: 1px solid #d6d6d6;
}
#function .main.function {
	border-radius: 5px;
}
#function .main.function p {
	text-align: center;
	font-size: 16px;
	line-height: 3;
	font-weight: bold;
}

#program,
#program ul {
	margin: 0 -15px 50px;
	padding: 0;
	list-style: none;
}
#program li {
	display: inline-table;
	width: 16.38888888%;
	margin-bottom: 30px;
}
#program li .main {
	text-align: center;
	padding: 15px;
	margin-left: 15px;
	margin-right: 15px;
	border-radius: 4px;
	border: 2px solid #EEE;
}
#program .main img {
	max-width: 70px;
	margin-bottom: 15px;
}
#program .main strong {
	display: block;
	font-size: 16px;
}


#security .main .fa {
	float: left;
	font-size: 2em;
	/*color: #FAAE06;*/
	color: #118efc;
	margin-right: 10px;
}
#security .main h4 {
	margin-bottom: 10px;
	margin-left: 40px;
}
#security .main p {
	margin-left: 40px;
}

.hkhost-features .main .img {
	margin-bottom: 20px;
}
.hkhost-features .main .img img {
	width: 120px;
}
.hkhost-service {
	background-color: #21292D;
}
.hkhost-service .head {
	margin-bottom: 30px;
}
.hkhost-service .head h2 {
	color: #FFF;
	margin-bottom: 10px;
}
.hkhost-service .row > div > div {
	padding-bottom: 30px;
	border-bottom: 1px solid #283033;
}
.hkhost-service .row > div > div:nth-child(1) {
	border-right: 1px solid #283033;
}
.hkhost-service .row > div > div:nth-child(3) {
	border-right: 1px solid #283033;
	border-bottom: 0 none;
}
.hkhost-service .row > div > div:nth-child(4) {
	border-bottom: 0 none;
}
.hkhost-service .main {
	padding: 30px;
}
.hkhost-service .main img {
	margin-bottom: 10px;
}
.hkhost-service .main h4 {
	color: #FFF;
}
.hkhost-service .main p {
	color: #697B86;
}

.bse-features {
	position: relative;
	overflow: hidden;
	background-color: #FFF;
	background: -webkit-linear-gradient(left,#03B1E4 50%,#fff 50%);
	background: -moz-linear-gradient(left,#03B1E4 50%,#fff 50%);
	background: -ms-linear-gradient(left,#03B1E4 50%,#fff 50%);
	background: -o-linear-gradient(left,#03B1E4 50%,#fff 50%);
}
.bse-features .row > div:first-child .main {
	padding: 30px 50px 30px 0;
}
.bse-features .row > div:first-child h3,
.bse-features .row > div:first-child p {
	color: #FFF;
}
.bse-features .img {
	position: absolute;
	height: 500px;
	width: 50%;
	top: 0;
	right: 0;
	background-image: url('/images/business1.png');
	background-size: cover;
}


.bse-history {
	overflow: hidden;
	background-color: #F2F7FA;
}

.bse-history .main.left .line {
	padding-left: 30px;
	margin-bottom: 80px;
	position: relative;
}
.bse-history .main.left .line:last-child:after {
	position: absolute;
	content: ' ';
	width: 4px;
	height: 200px;
	background-color: #EEE;
	left: 86px;
	z-index: -1;
	top: 25px;
}
.bse-history .main.left .line:before {
	position: absolute;
	content: ' ';
	width: 4px;
	height: 78px;
	background-color: #EEE;
	left: 86px;
	z-index: -1;
	top: -80px;
}
.bse-history .main.left .line .year {
	color: #03B1E4;
	font-weight: bold;
}

.bse-history .main.left .line .dot {
	background-color: transparent;
	box-shadow: inset 0 0 0 3px #03B1E4;
	border-radius: 50px;
	padding: 0 8px;
	margin: 0 15px;
}
.bse-history .main p {
	margin-bottom: 20px;
}
.bse-plans .plan {
	background-color: #EFF0F2;
	border-color: transparent;
}
.bse-plans .plan:hover {
	background-color: #FFF;
	border-color: #EEE;
}
.bse-plans .plan .plan-head h3 {
	color: #34495e;
}
.bse-plans .plan .plan-foot hr {
	border-color: #95A5A6;
}
.bse-plans .plan .plan-foot a.btn-buy {
	background-color: #34495E;
}
.bse-plans .plan .plan-foot a.btn-buy:hover {
	/*background-color: #415b76;*/
	background-color:#3ba3ff;
}

.bse-map {
	background-color: #2980B9;
}
.bse-map .head {
	margin-bottom: 30px;
}
.bse-map .head h2,
.bse-map .head p {
	color: #FFF;
	margin-bottom: 10px;
}

.bse-map .maps {
	position: relative;
	width: 100%;
	height: 440px;
	background-size: cover;
	background-image: url('/images/World-Map-Dots-Big-Black.png');
}

.bse-map .maps .flag {
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 100px;
	background-size: 170%;
}
.bse-map .maps .flag-us {
	top: 157px;
	left: 85px;
	background-position: left center;
	background-image: url(/images/flag/United-States.png);
}
.bse-map .maps .flag-cn {
	top: 150px;
	right: 160px;
	background-position: -2px center;
	background-image: url(/images/flag/China.png);
}
.bse-map .maps .flag-jp {
	top: 160px;
	right: 80px;
	background-position: center center;
	background-image: url(/images/flag/Japan.png);
}
.bse-map .maps .flag-tw {
	top: ;
	left: ;
	background-image: url(/images/flag/Taiwan.png);
}
.bse-map .maps .flag-kr {
	top: 150px;
	right: 110px;
	background-position: center center;
	background-image: url(/images/flag/South-Korea.png);
}
.bse-map .maps .flag-hk {
	top: 200px;
	right: 150px;
	background-position: center center;
	background-image: url(/images/flag/Hong-Kong.png);
}

.phpcloud.slider {
	background-image: -webkit-linear-gradient(287deg,#270530 10%,#196d82 100%);
	background-image: -moz-linear-gradient(287deg,#270530 10%,#196d82  100%);
	background-image: -o-linear-gradient(287deg,#270530 10%,#196d82  100%);
	background-image: -ms-linear-gradient(287deg,#270530 10%,#196d82  100%);
	background-image: linear-gradient(163deg,#270530 10%,#196d82  100%);
	background-size: 100%;
	background-repeat: no-repeat;
}

.phpcloud.slider h2 {
	color: #FFF;
}
.phpcloud.slider .lead {
	color: rgba(255,255,255,0.67);
	line-height: 1.4em;
}

.phpcloud.slider .row > div:last-child {
	border-top: 1px solid rgba(255,255,255,0.05);
	padding-top: 30px;
	margin-top: 30px;
}
.phpcloud.slider .main .fa {
	color: rgba(255,255,255,.8);
	float: left;
	font-size: 1.8em;
	padding: 5px 8px;
	margin-right: 10px;
	border: 1px solid rgba(255,255,255,.8);
	border-radius: 5px;
}
.phpcloud.slider .main h5 {
	line-height: 1.2em;
	margin-bottom: 3px;
	color: #fff;
	display: block;
}
.phpcloud.slider .main p {
	line-height: 1.4em;
	color: rgba(255,255,255,0.43);
}

.phpcloud-features .main {
	padding-right: 50px;
}
.phpcloud-features .main:nth-child(2),
.phpcloud-features2 .main:nth-child(2) {
	margin-top: 30px;
}
.phpcloud-features .main h4 {
	color: #292e31;
}
.phpcloud-features .main p {
	color: #6f7c82;
	line-height: 1.5em;
}
.phpcloud-features2 {
	border-top: 1px solid #e9edf1;
	border-bottom: 1px solid #e9edf1;
	background: #f5f7f9;
}
.hkhost-plans,
.phpcloud-plans,
.phpcloud-features,
.phpcloud-features2 {
	overflow: hidden;
}

.phpcloud-plans .plan .plan-foot a.btn-buy {
	background-color: #3498DB;
}
.phpcloud-plans .plan .plan-foot a.btn-buy:hover {
	background-color: #2980B9;
}

.phpcloud-service {
	border-top: 1px solid #e9edf1;
	border-bottom: 1px solid #e9edf1;
	background: #f5f7f9;
	background-image: -webkit-linear-gradient(0,#fff,#fff);
	background-image: -moz-linear-gradient(0,#fff,#fff);
	background-image: -o-linear-gradient(0,#fff,#fff);
	background-image: -ms-linear-gradient(0,#fff,#fff);
	background-image: linear-gradient(90deg,#fff,#fff);
	-webkit-background-size: 50% 100%;
	-moz-background-size: 50% 100%;
	background-size: 50% 100%;
	background-repeat: no-repeat;
}

.phpcloud-service dl {
	box-sizing: border-box;
	height: 220px;
	margin-top: auto;
	margin-bottom: auto;
	padding-left: 50px;
	padding-right: 50px;
}
.phpcloud-service dl dt {
	color: #292e31;
	margin: 0 0 .3em;
	padding: 0;
	position: relative;
}
.phpcloud-service dl dd {
	margin: 0 0 20px;
	padding: 0;
}
.phpcloud-service  dl dt:before {
	content: ' ';
	display: block;
	position: absolute;
}
.phpcloud-service dl dt.periods:before {
	background-image: url("/images/periods@2x.png");
	background-size: 100% 100%;
	top: 2px;
	left: -39px;
	width: 21px;
	height: 22px;
}
.phpcloud-service dl dt.coupons:before {
	background-image: url("/images/coupons@2x.png");
	background-size: 100% 100%;
	top: 5px;
	left: -40px;
	width: 23px;
	height: 15px;
}
.phpcloud-service dl dt.trials:before {
	background-image: url("/images/trials@2x.png");
	background-size: 100% 100%;
	top: 2px;
	left: -38px;
	width: 19px;
	height: 22px;
}
.phpcloud-service dl dt.plans:before {
	background-image: url("/images/plans@2x.png");
	background-size: 100% 100%;
	top: 2px;
	left: -40px;
	width: 23px;
	height: 23px;
}
.phpcloud-service .txt-right .main {
	padding-left: 50px;
	padding-right: 50px;
}
.phpcloud-service .txt-right .main h3 {
	margin-bottom: 10px;
}
.phpcloud-service .txt-right .main p {
	margin-bottom: 20px;
}
.phpcloud-much {
	background-image: url("/images/backimg/back1.jpg"););
  background-attachment: fixed;
  background-size: cover;
  background-position: top -100px center;
  position: relative;
}
.phpcloud-much:before {
  content: '';
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background-color: rgba(0,0,0,.8);
}
.phpcloud-much .row > div:nth-child(1) {
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: 1px solid rgba(49,78,95,0.06);
}
.phpcloud-much .row > div h3,
.phpcloud-much .row > div h4,
.phpcloud-scaled .main h4 {
	margin-bottom: 10px;
}
.phpcloud-much .row > div:nth-child(2) .main,
.phpcloud-much .row > div:nth-child(3) .main,
.phpcloud-much .row > div:nth-child(4) .main {
	background-repeat: no-repeat;
	padding-top: 45px;
}
.phpcloud-much .row > div:nth-child(2) .main {
	background-image: url("/images/teams@2x.png");
	background-size: 63px 35px;
}
.phpcloud-much .row > div:nth-child(3) .main {
	background-image: url("/images/webhooks@2x.png");
	background-size: 29px 32px;
}
.phpcloud-much .row > div:nth-child(4) .main {
	background-image: url("/images/reporting@2x.png");
	background-size: 25px 30px;
}
.phpcloud-scaled {
}
.phpcloud-scaled .row > div > div {
	margin-bottom: 30px;
}



.colocation-slide {
	background-image: url('/images/deheader1.jpg');
	background-size: cover;
	background-position: top -200px center;
}

.colocation-room .thumbnail {
	position: relative;
	overflow: hidden;
}
.colocation-room .thumbnail img {
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari å’Œ Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.colocation-room .thumbnail:hover img {
	transform: scale(1.2, 1.2);
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari å’Œ Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
}
.colocation-room .thumbnail .showcase {
	text-align: center;
	position: absolute;
	opacity: 0;
	filter:alpha(opacity=0);
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,.7);
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
	/* Safari å’Œ Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
}
.colocation-room .thumbnail:hover .showcase {
	opacity: 1;filter:alpha(opacity=100);
}
.colocation-room .thumbnail .showcase span {
	color: #FFF;
	font-size: 18px;
	line-height: 250px;
}

.colocation-list .roomlist ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.colocation-list .roomlist ul li {
	float: left;
	text-align: center;
	margin-right: 20px;
}
.colocation-list .roomlist ul li a {
	border: 1px solid #3389E4;
	border-radius: 5px;
	padding: 10px 20px;
	color: #3389E4;
}
.colocation-list .roomlist ul li a:hover {
	border: 1px solid #3381D2;
	color: #3381D2;
}
.colocation-list .tablelist {
	margin-bottom: 50px;
}
.colocation-list .table th.speed {
	width: 20%;
}

.colocation-list .tablelist h4 {
	color: #FFF;
	margin-bottom: 0;
	line-height: 46px;
	padding-left: 15px;
	border-radius: 4px 4px 0 0;
	background-color: #2679B9;
}
.colocation-list .tablelist .table>thead>tr>th {
	color: #424a54;
	border-bottom-width: 0;
	background-color: #EEE;
}
.colocation-list .tablelist .table>tbody>tr:nth-child(2n) {
	background-color: #F9F9F9;
}

.colocation-list .tablelist .table>tbody>tr>td,
.colocation-list .tablelist .table>tbody>tr>th,
.colocation-list .tablelist .table>tfoot>tr>td,
.colocation-list .tablelist .table>tfoot>tr>th,
.colocation-list .tablelist .table>thead>tr>td,
.colocation-list .tablelist .table>thead>tr>th {
	border-top: 0 none;
	padding: 20px 15px;
}
.colocation-list .tablelist .table>thead>tr>th {
	padding: 10px 15px;
}

.colocation-list .tablelist .table tbody tr:last-child td {
	border-bottom: 1px solid #DDD;
}
.colocation-list .tablelist .table tbody td:first-child,
.colocation-list .tablelist .table thead th:first-child {
	padding-left: 15px;
	border-left: 1px solid #DDD;
}
.colocation-list .tablelist .table tbody td:last-child,
.colocation-list .tablelist .table thead th:last-child {
	text-align: center;
	padding-top: 12px;
	padding-bottom: 0;
	border-right: 1px solid #DDD;
}
.colocation-list .tablelist .table tbody tr:last-child {
	border-radius: 0 0 0 4px;
}
.colocation-list .tablelist .table thead th.buy {
	width: 15%;
}

.colocation-features .main h4 {
	margin: 20px 0 10px;
}

.datacenter-features .main {
	margin-bottom: 40px;
}
.datacenter-features .main .img {
	float: left;
	max-width: 110px;
	height: 110px;
	margin-right: 10px;
}
.datacenter-features .main .main-content {
	
}
.datacenter-features .main .main-content h4 {
	font-weight: 500;
	line-height: 1.5;
	color: #333940;
	margin-bottom: 0;
}
.datacenter-features .main .main-content p {
	color: #666;
	margin-bottom: 15px;
}

.web-slide {
	background-image: url('/images/qiye.jpg');
	background-size: cover;
	height: 600px;
	background-position: center top;
	position: relative;
}
.web-slide:before {
	position: absolute;
	/* content: ''; */
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .55);
}
.web-slide .main {
	padding: 100px 0;
}
.web-slide .main h2 {
	color: #FFF;
	font-size: 4em;
}
.web-slide .main .lead {
	color: #EEE;
	font-size: 1.5em;
}

.web-features section {
	padding: 30px;
	min-height: 302px;
	overflow: hidden;
	z-index: 1;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #c9c9c9;
	-webkit-transition: all .168s ease-in 0;
	transition: all .168s ease-in 0;
}
.web-features section:hover {
	border-color: #696969;
	transition: all .3s ease-in;
}
.web-features .row > div:nth-child(1) section .main-head h3:after {
	background-position: 0px -290px;
}
.web-features .row > div:nth-child(2) section .main-head h3:after {
	background-position: -120px -290px;
}
.web-features .row > div:nth-child(3) section .main-head h3:after {
	background-position: -240px -290px;
}
.web-features .row > div:nth-child(4) section .main-head h3:after {
	background-position: -360px -290px;
}

.web-features section .main {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 180px;
}
.web-features section .main-head {
	width: 100%;
	vertical-align: middle;
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 1ms ease .504s;
	transition: opacity 1ms ease .504s;
}
.web-features section .main-head h3 {
	position: relative;
	padding-top: 210px;
	-webkit-transition: all .084s ease-in .504s;
	transition: all .084s ease-in .504s;
}
.web-features section .main-head h3:after {
	content: '';
	width: 110px;
	height: 110px;
	position: absolute;
	left: 50%;
	top: 30%;
	margin: -55px 0 0 -55px;
	background-image: url('/images/sprite_common.png');
	background-size: 860px 400px;
	background-repeat: no-repeat;
	-webkit-transition: top .084s ease-in .504s;
	transition: top .084s ease-in .504s;
}

.web-features section .main-foot {
	position: relative;
	opacity: 0;
	top: -60px;
	visibility: hidden;
	-webkit-transition: top .392s ease-in .056s,opacity .252s ease-in .126s;
	transition: top .392s ease-in .056s,opacity .252s ease-in .126s;
}
.web-features section .main-foot h3 {
	color: #25cf87;
	margin-bottom: 285px;
	-webkit-transition: all .392s ease-in .056s;
	transition: all .392s ease-in .056s;
}
.web-features section .main-foot p {
	font-size: 1.5rem;
	line-height: 1.9;
	letter-spacing: .02em;
	-webkit-transition: all .392s ease-in .056s;
	transition: all .392s ease-in .056s;
}

.web-plans {
	background-image: url('/images/bg-photo-03.jpg');
	background-size: cover;
}
.web-plans .plan {
	border: 0;
	overflow: visible;
	background-color: #FFF;
	border-radius: 3px;
	margin-top: 40px;
	box-shadow: 0px 1px 0px rgba(255,255,255,0.1) inset;
}
.web-plans .plan-box  {
	padding-bottom: 20px;
}
.web-plans .plan .head .fa {
	color: #FFF;
	font-size: 3em;
	width: 80px;
	height: 80px;
	line-height: 78px;
	border-radius: 50px;
	margin-top: -40px;
}
.web-plans .plan .box1 .head {
	border-color: #91DD72;
}
.web-plans .plan .box1 .head .fa {
	background-color: #91DD72;
}
.web-plans .plan .box1 .head h4 {
	color: #91DD72;
}
.web-plans .plan .box2 .head {
	border-color: #68CAEA;
}
.web-plans .plan .box2 .head .fa {
	background-color: #68CAEA;
}
.web-plans .plan .box2 .head h4 {
	color: #68CAEA;
}
.web-plans .plan .box3 .head {
	border-color: #A1A1F3;
}
.web-plans .plan .box3 .head .fa {
	background-color: #A1A1F3;
}
.web-plans .plan .box3 .head h4 {
	color: #A1A1F3;
}
.web-plans .plan .box4 .head {
	border-color: #F8816A;
}
.web-plans .plan .box4 .head .fa {
	background-color: #F8816A;
}
.web-plans .plan .box4 .head h4 {
	color: #F8816A;
}
.web-plans .plan .head {
	box-shadow: none;
	border-top: 4px solid;
}
.web-plans .plan .head h4 {
	line-height: 50px;
	margin-bottom: 0;
	font-weight: bold;
}
.web-plans .plan h1 sub,
.web-plans .plan h1 sup {
	font-size: 16px;
}
.web-plans .plan h1 {
	color: #333;
}
.web-plans .plan ul li {
	line-height: 35px;
	color: #333;
}
.web-plans .plan .btn {
	padding: 8px 30px;
	background-color: #555;
	box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.08);
	border: 0 none;
	color: #FFF;
}
.web-plans .plan .btn:hover {
	background-color: #444;
}
.web-menu {
	padding-left: 5px;
	margin-bottom: 20px;
}
.web-menu ul {
	margin: 0;
	padding: 0 0 30px;
	clear: both;
}
.web-menu li {
	float: left;
	margin-right: 10px;
}
.web-menu li a {
	border-radius: 4px;
	border: 2px solid #EEE;
	padding: 8px 15px;
}
.web-menu li.active a {
	background-color: #EEE;
}

.web-template .template-list {
	margin: 0 0 -2px -2px;
	padding: 0;
	list-style: none;
}
.web-template .template-list li {
	float: left;
	overflow: hidden;
		width: 270px;
		margin: 0 0 20px 20px;
}
.web-template .template-list li:nth-child(1),
.web-template .template-list li:nth-child(5) {
	margin-left: 0;
}
.web-template .template-list li .visual-info {
	position: relative;
	padding: 5px;
    cursor: pointer;
	border-radius: 3px;
	border: 1px solid #EEE;
	width: 260px;
	height: 260px;
	overflow: hidden;
}
.web-template .template-list li1 .visual-info:before {
	display: none;
}
.web-template .template-list li1:hover .visual-info:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    color: #EEE;
    line-height: 220px;
    font-size: 3em;
    width: 100%;
    z-index: 1000;
    content: "\e105";
    text-align: center;
    font-family: 'Glyphicons Halflings';
    background-color: rgba(0,0,0,.5);
    font-weight: 400;
}
.web-template .template-list li:hover .visual-info {
	border-color: #AAA;
}

.web-template .template-list li img {
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari å’Œ Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.web-template .template-list li:hover img {
	transform: scale(1.1);
	-ms-transform: scale(1.1); 	/* IE 9 */
	-moz-transform: scale(1.1); 	/* Firefox */
	-webkit-transform: scale(1.1); /* Safari å’Œ Chrome */
	-o-transform: scale(1.1); 	/* Opera */
}

@media screen and (max-width: 1200px) {
	.web-template .template-list li {
		width: 220px;
		margin: 0 0 20px 20px;
	}
	.none-1024 {
		display: none;
	}
}

.web-template .template-list li img {
	width: 100%;
	height: auto;
}

.web-features2 {
	background-color: #222733;
}
.web-features2 .lead {
	margin-bottom: 30px !important;
}
.web-features2 .main {
	padding: 30px;
}
.web-features2 .main h2 {
	color: #FFF;
	margin-bottom: 15px;
}
.web-features2 .main p {
	color: #7a87a7;
}
.web-features2 .main li {
	clear: both;
	margin-bottom: 30px;
}
.web-features2 .main .icon {
	float: left;
	position: relative;
	display: inline-block;
	width: 3.8em;
	height: 3.8em;
	line-height: 2em;
	margin-right: 15px;
	vertical-align: middle;
	border: 1px solid #1ccacc;
	border-radius: 50px;
	text-align: center;
}
.web-features2 .main .icon .fa-rocket {
	color: #5f6d8f;
	font-size: 1.8em;
	line-height: 2;
}


.web-features2 .main.img {
	padding-top: 0;
	padding-bottom: 0;
	text-align: center;
}
.web-features2 .main.img img {
	max-width: 420px;
}

.web-ratio .table {
	border-radius: 5px 5px 0 0;
}
.web-ratio .table>tbody>tr>td,
.web-ratio .table>tbody>tr>th,
.web-ratio .table>tfoot>tr>td,
.web-ratio .table>tfoot>tr>th,
.web-ratio .table>thead>tr>td,
.web-ratio .table>thead>tr>th {
	padding: 15px 10px;
	text-align: center;
	border-color: #c9c9c9;
}
.web-ratio .table>thead>tr>th:first-child,
.web-ratio .table>thead>tr>th:last-child,
.web-ratio .table>tbody>tr>td:first-child,
.web-ratio .table>tbody>tr>td:last-child {
	text-align: left;
}
.web-ratio .table>thead>tr>th {
	background-color: #1D89CF;
	border-bottom: 0;
	color: #FFF;
	font-size: 16px;
}
.web-ratio .table>thead>tr>th:first-child {
	border-radius: 5px 0 0 0;
}
.web-ratio .table>thead>tr>th:last-child {
	border-radius: 0 5px 0 0;
}
.web-ratio .table>tbody>tr>td:first-child {
	font-weight: bold;
	border-left: 1px solid #DDD;
}
.web-ratio .table>tbody>tr>td:last-child {
	border-right: 1px solid #DDD;
}
.web-ratio .table>tbody>tr:last-child>td {
	border-bottom: 1px solid #DDD;
}
.web-ratio .table>tbody>tr>td .fa {
	font-size: 1.5em;
}
.web-ratio .table>tbody>tr>td .fa.fa-check {
	color: #34BF49;
}
.web-ratio .table>tbody>tr>td .fa.fa-times {
	color: #FF4A50;
}

/* ======================================================= */

.header-cover {
	overflow: hidden;
	position: relative;
	padding-top: 60px;
}
.header-cover.space,
.header-cover .footer-cover .container {
	padding-top: 0;
	padding-bottom: 0;
}
.header-cover .container {
	padding-top: 10em;
	padding-bottom: 10em;
}
.header-cover h1 {
	color: #FFF;
	font-size: 42px;
	line-height: 1.8em;
	letter-spacing: -0.03em;
}
.cityscape {
	overflow:hidden;
	position:absolute;
	height:100%;
	width:100%;
	left:0;
	right:0;
	top:0;
	bottom:0;
}

.city-0,.city-1,.city-2,.city-3,.city-4 {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	content:'';
	width:100%;
}

.city-0x,.city-1x,.city-2x,.city-3x {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	content:'';
	width:100%;
	background-size:cover;
	background-position:bottom center;
}

.city-0 {
	-webkit-animation:moveCloud 100s linear infinite;
	animation:moveCloud 100s linear infinite;
}

@-webkit-keyframes moveCloud {
	0,100% {
		-webkit-transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		-ms-transform:translate3d(0,0,0);
		-o-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
	}
	
	50% {
		-webkit-transform:translate3d(900px,0,0);
		-moz-transform:translate3d(900px,0,0);
		-ms-transform:translate3d(900px,0,0);
		-o-transform:translate3d(900px,0,0);
		transform:translate3d(900px,0,0);
	}
}

@-o-keyframes moveCloud {
	0,100% {
		-webkit-transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		-ms-transform:translate3d(0,0,0);
		-o-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
	}
	
	50% {
		-webkit-transform:translate3d(900px,0,0);
		-moz-transform:translate3d(900px,0,0);
		-ms-transform:translate3d(900px,0,0);
		-o-transform:translate3d(900px,0,0);
		transform:translate3d(900px,0,0);
	}
}

@-moz-keyframes moveCloud {
	0,100% {
		-webkit-transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		-ms-transform:translate3d(0,0,0);
		-o-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
	}
	
	50% {
		-webkit-transform:translate3d(900px,0,0);
		-moz-transform:translate3d(900px,0,0);
		-ms-transform:translate3d(900px,0,0);
		-o-transform:translate3d(900px,0,0);
		transform:translate3d(900px,0,0);
	}
}

@keyframes moveCloud {
	0,100% {
		-webkit-transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		-ms-transform:translate3d(0,0,0);
		-o-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
	}
	
	50% {
		-webkit-transform:translate3d(900px,0,0);
		-moz-transform:translate3d(900px,0,0);
		-ms-transform:translate3d(900px,0,0);
		-o-transform:translate3d(900px,0,0);
		transform:translate3d(900px,0,0);
	}
}

.header-cover.bg-lightblue .city-0 {
	background-image:url(/images/cityscape/light/city-0.png);
	height:456px;
}

.header-cover.bg-lightblue .city-1 {
	background-image:url(/images/cityscape/light/city-1.png);
	height:496px;
}

.header-cover.bg-lightblue .city-2 {
	background-image:url(/images/cityscape/light/city-2.png);
	height:313px;
}

.header-cover.bg-lightblue .city-3 {
	background-image:url(/images/cityscape/light/city-3.png);
	height:221px;
}

.header-cover.bg-lightblue .city-4 {
	background-image:url(/images/cityscape/light/city-4.png);
	height:247px;
}

.header-cover.bg-darkgrey .city-0 {
	background-image:url(/images/cityscape/grey/city-0.png);
	height:456px;
}

.header-cover.bg-darkgrey .city-1 {
	background-image:url(/images/cityscape/grey/city-1.png);
	height:496px;
}

.header-cover.bg-darkgrey .city-2 {
	background-image:url(/images/cityscape/grey/city-2.png);
	height:313px;
}

.header-cover.bg-darkgrey .city-3 {
	background-image:url(/images/cityscape/grey/city-3.png);
	height:221px;
}

.header-cover.bg-darkgrey .city-4 {
	background-image:url(/images/cityscape/grey/city-4.png);
	height:247px;
}

.header-cover.bg-darkblue .city-0 {
	background-image:url(/images/cityscape/dark/city-0.png);
	height:456px;
	opacity:.2;
	filter:alpha(opacity=20);
}

.header-cover.bg-darkblue .city-1 {
	background-image:url(/images/cityscape/dark/city-1.png);
	height:496px;
}

.header-cover.bg-darkblue .city-2 {
	background-image:url(/images/cityscape/dark/city-2.png);
	height:313px;
}

.header-cover.bg-darkblue .city-3 {
	background-image:url(/images/cityscape/dark/city-3.png);
	height:221px;
}

.header-cover.bg-darkblue .city-4 {
	background-image:url(/images/cityscape/dark/city-4.png);
	height:247px;
}

.header-cover.bg-sunset .city-0 {
	background-image:url(/images/cityscape/sunset/city-0.png);
	height:100%;
}

.header-cover.bg-sunset .city-1 {
	background-image:url(/images/cityscape/sunset/city-1.png);
	height:100%;
}

.header-cover.bg-sunset .city-2 {
	background-image:url(/images/cityscape/sunset/city-2.png);
	height:100%;
}

.header-cover.bg-sunset .city-3 {
	background-image:url(/images/cityscape/sunset/city-3.png);
	height:100%;
}
.header-cover.bg-lightblue {
	background-color:#7dacf7;
}

.header-cover.bg-darkblue {
	background-color:#3556b9;
}

.header-cover.bg-darkblue.bg-rust {
	-webkit-filter:hue-rotate(-225deg) saturate(75%);
	filter:hue-rotate(-225deg) saturate(75%);
}

.header-cover.bg-darkgrey {
	background-color:#565d70;
}

.header-cover.bg-darkgrey.star-dream {
	background-image:url(/images/section-break-cover/style-16.png);
	background-size:cover;
}

.header-cover.bg-darkgrey.star-dream .city-0 {
	opacity:.3;
	max-height:390px;
}

.header-cover.bg-darkgrey.star-dream .city-1,.header-cover.bg-darkgrey.star-dream .city-4 {
	max-height:400px;
	opacity:.8;
}

.header-cover.bg-darkgrey.star-dream .city-3,.header-cover.bg-darkgrey.star-dream .city-2 {
	opacity:.4;
	max-height:380px;
}

.header-cover.bg-darkgrey.hue {
	-webkit-filter:hue-rotate(50deg) saturate(65%);
	filter:hue-rotate(50deg) saturate(65%);
}

.header-cover.bg-darkblue.hue {
	-webkit-filter:hue-rotate(350deg) saturate(70%);
	filter:hue-rotate(350deg) saturate(70%);
}

.header-cover>.footer-cover {
	position:relative;
	z-index:10;
	padding-top:2em;
	padding-bottom:2em;
}

.header-cover>.footer-cover p {
	font-size:16px;
}

.header-cover>.footer-cover p:last-of-type {
	margin-bottom:0;
}

.header-cover.theme-dark .footer-cover {
	background-color:#232629;
}

.header-cover.theme-dark .footer-cover p {
	color:#FFF;
}

.header-cover.theme-transparent .footer-cover {
	background-color:rgba(255,255,255,0.1);
	color:#FFF;
}

.header-cover.theme-transparent .footer-cover a.page-link {
	color:rgba(255,255,255,0.6);
	font-size:1.1em;
	line-height:40px;
	font-weight:600;
	font-family:Proxima Nova,"proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.header-cover.theme-transparent .footer-cover a.page-link:hover {
	-webkit-transition:color .1s ease-in-out;
	transition:color .1s ease-in-out;
	color:#fff;
}

.header-cover.theme-light .footer-cover {
	background-color:#f5f6f7;
}

.header-cover.theme-light .footer-cover p {
	color:#565f65;
}

.action-btn-lightblue {
	background-color:#f3f7fe;
	color:#557ebf;
}

.action-btn-lightblue {
	background-color:#f3f7fe;
	color:#557ebf;
}

.action-btn-lightblue:hover {
	background-color:#e5eefd;
}

.action-btn-lightblue.dominant {
	background-color:#557ebf;
	border-bottom-color:#3e65a3;
	color:#FFF;
}

.action-btn-lightblue.dominant:hover {
	background-color:#4673b9;
}

.action-btn-lightblue.style-1 {
	border-bottom-color:#cddefb;
}

.action-btn-lightblue.style-2 {
	background-color:transparent!important;
	border-color:#557ebf;
	color:#FFF!important;
}

.action-btn-lightblue.style-2:hover {
	color:#FFF!important;
}

.action-btn-green {
	background-color:#d2ebde;
	color:#41a86e;
}

.action-btn-green:hover {
	background-color:#c7e6d6;
}

.action-btn-green.dominant {
	background-color:#41a86e;
	border-bottom-color:#338356;
	color:#FFF;
}

.action-btn-green.dominant:hover {
	background-color:#3b9964;
}

.action-btn-green.style-1 {
	border-bottom-color:#b6dec9;
}

.action-btn-green.style-2 {
	background-color:transparent!important;
	border-color:#41a86e;
	color:#FFF!important;
}

.action-btn-green.style-2:hover {
	color:#FFF!important;
}

.action-btn-purple {
	background-color:#f1edf7;
	color:#5b3b87;
}

.action-btn-purple:hover {
	background-color:#e9e2f2;
}

.action-btn-purple.dominant {
	background-color:#a68acc;
	border-bottom-color:#8b66bd;
	color:#FFF;
}

.action-btn-purple.dominant:hover {
	background-color:#9b7cc6;
}

.action-btn-purple.style-1 {
	border-bottom-color:#dbd1ea;
}

.action-btn-purple.style-2 {
	background-color:transparent!important;
	border-color:#c8b8df;
	color:#FFF!important;
}

.action-btn-purple.style-2:hover {
	color:#FFF!important;
}

.action-btn-purple.style-3 {
	background-color:transparent!important;
	border-color:transparent!important;
	border-width:0!important;
	color:#a68acc;
}

.action-btn-white {
	background-color:#FFF;
	color:#557ebf;
}

.action-btn-white:hover {
	color:#375a91;
}

.action-btn-white.style-2 {
	background-color:transparent!important;
	border-color:#FFF;
	color:#FFF!important;
}

.action-btn-white.style-2:hover {
	color:#FFF!important;
}

.action-btn-red {
	background-color:#f9e8eb;
	color:#ad1c37;
}

.action-btn-red:hover {
	background-color:#f6dce0;
}

.action-btn-red.dominant {
	background-color:#cc2141;
	border-bottom-color:#a01a33;
	color:#FFF;
}

.action-btn-red.dominant:hover {
	background-color:#ba1e3b;
}

.action-btn-red.style-1 {
	border-bottom-color:#f1c8cf;
}

.action-btn-red.style-2 {
	background-color:transparent!important;
	border-color:#e9abb6;
	color:#FFF!important;
}

.action-btn-red.style-2:hover {
	color:#FFF!important;
}

.action-btn-yellow {
	background-color:#f9f5dc;
	color:#bf9831;
}

.action-btn-yellow:hover {
	background-color:#f7f1cf;
}

.action-btn-yellow.dominant {
	background-color:#cda63c;
	border-bottom-color:#aa882c;
	color:#FFF;
}

.action-btn-yellow.dominant:hover {
	background-color:#c39c32;
}

.action-btn-yellow.style-1 {
	border-bottom-color:#f3ebb9;
}

.action-btn-yellow.style-2 {
	background-color:transparent!important;
	border-color:#eee29b;
	color:#FFF!important;
}

.action-btn-yellow.style-2:hover {
	color:#FFF!important;
}

.action-btn-grey {
	background-color:#f5f6f7;
	color:#939ca5;
}

.action-btn-grey:hover {
	background-color:#eceef0;
}

.action-btn-grey.dominant {
	background-color:#a6aeb5;
	border-bottom-color:#8a959e;
	color:#FFF;
}

.action-btn-grey.dominant:hover {
	background-color:#9ba4ac;
}

.action-btn-grey.style-1 {
	border-bottom-color:#dee2e5;
}

.action-btn-grey.style-2 {
	background-color:transparent!important;
	border-color:#cbd0d5;
	color:#FFF!important;
}

.action-btn-grey.style-2:hover {
	color:#FFF!important;
}

.action-btn-blue,.action-btn-brandblue {
	background-color:#8fb7f9;
	color:#FFF;
}

.action-btn-blue:hover,.action-btn-brandblue:hover {
	background-color:#80aef8;
}

.action-btn-blue.dominant,.action-btn-brandblue.dominant {
	background-color:#4e8ef8;
	border-bottom-color:#1d6ff6;
	color:#FFF;
}

.action-btn-blue.dominant:hover,.action-btn-brandblue.dominant:hover {
	background-color:#3a81f7;
}

.action-btn-blue.style-1,.action-btn-brandblue.style-1 {
	border-bottom-color:#689ef7;
}

.action-btn-blue.style-2,.action-btn-brandblue.style-2 {
	background-color:transparent!important;
	border-color:#4688f5;
	color:#557ebf!important;
}

.action-btn-blue.style-2:hover,.action-btn-brandblue.style-2:hover {
	color:#FFF!important;
}

.action-btn-blue.style-3,.action-btn-brandblue.style-3 {
	background-color:transparent!important;
	border-color:transparent!important;
	border-width:0!important;
	color:#4e8ef8;
}

.action-btn-orange {
	background-color:#f7c8c0;
	color:#FFF;
}

.action-btn-orange:hover {
	background-color:#f5bcb2;
}

.action-btn-orange.dominant {
	background-color:#fe9b81;
	border-bottom-color:#fe734e;
	color:#FFF;
}

.action-btn-orange.dominant:hover {
	background-color:#fe8b6d;
}

.action-btn-orange.style-1 {
	border-bottom-color:#f2a89c;
}

.action-btn-orange.style-2 {
	background-color:transparent!important;
	border-color:#ee8d7c;
	color:#FFF!important;
}

.action-btn-orange.style-2:hover {
	color:#FFF!important;
}

.action-btn-orange.style-3 {
	background-color:transparent!important;
	border-color:transparent!important;
	border-width:0!important;
	color:#fe9b81;
}

.action-btn-white,.action-btn-purple,.action-btn-green,.action-btn-blue,.action-btn-lightblue,.action-btn-brandblue,.action-btn-orange,.action-btn-yellow,.action-btn-red,.action-btn-grey,.action-btn-black {
	border-radius:3px;
	display:inline-block;
	font-family:Proxima Nova,"proxima-nova","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
	font-size:14px;
	font-weight:600;
	max-width:100%;
	text-transform:none;
}

.action-btn-white:active,.action-btn-white:focus,.action-btn-purple:active,.action-btn-purple:focus,.action-btn-green:active,.action-btn-green:focus,.action-btn-blue:active,.action-btn-blue:focus,.action-btn-lightblue:active,.action-btn-lightblue:focus,.action-btn-brandblue:active,.action-btn-brandblue:focus,.action-btn-orange:active,.action-btn-orange:focus,.action-btn-yellow:active,.action-btn-yellow:focus,.action-btn-red:active,.action-btn-red:focus,.action-btn-grey:active,.action-btn-grey:focus,.action-btn-black:active,.action-btn-black:focus {
	-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.1);
	box-shadow:inset 0 3px 5px rgba(0,0,0,0.1);
	outline:0;
}

.action-btn-white:hover,.action-btn-purple:hover,.action-btn-green:hover,.action-btn-blue:hover,.action-btn-lightblue:hover,.action-btn-brandblue:hover,.action-btn-orange:hover,.action-btn-yellow:hover,.action-btn-red:hover,.action-btn-grey:hover,.action-btn-black:hover {
	-webkit-transition:background-color .2s ease,color .2s ease;
	transition:background-color .2s ease,color .2s ease;
}

.action-btn-white.style-1,.action-btn-purple.style-1,.action-btn-green.style-1,.action-btn-blue.style-1,.action-btn-lightblue.style-1,.action-btn-brandblue.style-1,.action-btn-orange.style-1,.action-btn-yellow.style-1,.action-btn-red.style-1,.action-btn-grey.style-1,.action-btn-black.style-1 {
	border-bottom-style:solid;
	border-bottom-width:3px;
}

.action-btn-white.style-2,.action-btn-purple.style-2,.action-btn-green.style-2,.action-btn-blue.style-2,.action-btn-lightblue.style-2,.action-btn-brandblue.style-2,.action-btn-orange.style-2,.action-btn-yellow.style-2,.action-btn-red.style-2,.action-btn-grey.style-2,.action-btn-black.style-2 {
	border-style:solid;
	border-width:2px;
}

.action-btn-white.style-3,.action-btn-purple.style-3,.action-btn-green.style-3,.action-btn-blue.style-3,.action-btn-lightblue.style-3,.action-btn-brandblue.style-3,.action-btn-orange.style-3,.action-btn-yellow.style-3,.action-btn-red.style-3,.action-btn-grey.style-3,.action-btn-black.style-3 {
	padding:10px 0!important;
}

.action-btn-white.size-xxs,.action-btn-purple.size-xxs,.action-btn-green.size-xxs,.action-btn-blue.size-xxs,.action-btn-lightblue.size-xxs,.action-btn-brandblue.size-xxs,.action-btn-orange.size-xxs,.action-btn-yellow.size-xxs,.action-btn-red.size-xxs,.action-btn-grey.size-xxs,.action-btn-black.size-xxs {
	font-size:.86em;
	padding:4px 10px;
}

.action-btn-white.size-xs,.action-btn-purple.size-xs,.action-btn-green.size-xs,.action-btn-blue.size-xs,.action-btn-lightblue.size-xs,.action-btn-brandblue.size-xs,.action-btn-orange.size-xs,.action-btn-yellow.size-xs,.action-btn-red.size-xs,.action-btn-grey.size-xs,.action-btn-black.size-xs {
	font-size:.9em;
	padding:3px 6px;
}

.action-btn-white.size-sm,.action-btn-purple.size-sm,.action-btn-green.size-sm,.action-btn-blue.size-sm,.action-btn-lightblue.size-sm,.action-btn-brandblue.size-sm,.action-btn-orange.size-sm,.action-btn-yellow.size-sm,.action-btn-red.size-sm,.action-btn-grey.size-sm,.action-btn-black.size-sm {
	padding:4px 6px;
}

.action-btn-white.size-md,.action-btn-purple.size-md,.action-btn-green.size-md,.action-btn-blue.size-md,.action-btn-lightblue.size-md,.action-btn-brandblue.size-md,.action-btn-orange.size-md,.action-btn-yellow.size-md,.action-btn-red.size-md,.action-btn-grey.size-md,.action-btn-black.size-md {
	font-size:1.1em;
	padding:8px 15px;
}

.action-btn-white.size-lg,.action-btn-purple.size-lg,.action-btn-green.size-lg,.action-btn-blue.size-lg,.action-btn-lightblue.size-lg,.action-btn-brandblue.size-lg,.action-btn-orange.size-lg,.action-btn-yellow.size-lg,.action-btn-red.size-lg,.action-btn-grey.size-lg,.action-btn-black.size-lg {
	font-size:1.2em;
	padding:10px 18px;
}

.action-btn-white.size-xl,.action-btn-purple.size-xl,.action-btn-green.size-xl,.action-btn-blue.size-xl,.action-btn-lightblue.size-xl,.action-btn-brandblue.size-xl,.action-btn-orange.size-xl,.action-btn-yellow.size-xl,.action-btn-red.size-xl,.action-btn-grey.size-xl,.action-btn-black.size-xl {
	font-size:1.3em;
	padding:10px 30px;
}

.action-btn-white.size-xxl,.action-btn-purple.size-xxl,.action-btn-green.size-xxl,.action-btn-blue.size-xxl,.action-btn-lightblue.size-xxl,.action-btn-brandblue.size-xxl,.action-btn-orange.size-xxl,.action-btn-yellow.size-xxl,.action-btn-red.size-xxl,.action-btn-grey.size-xxl,.action-btn-black.size-xxl {
	font-size:1.4em;
	padding:20px 80px;
}

.action-btn-white.full-width,.action-btn-purple.full-width,.action-btn-green.full-width,.action-btn-blue.full-width,.action-btn-lightblue.full-width,.action-btn-brandblue.full-width,.action-btn-orange.full-width,.action-btn-yellow.full-width,.action-btn-red.full-width,.action-btn-grey.full-width,.action-btn-black.full-width {
	width:100%;
}

.action-btn-white.middle,.action-btn-purple.middle,.action-btn-green.middle,.action-btn-blue.middle,.action-btn-lightblue.middle,.action-btn-brandblue.middle,.action-btn-orange.middle,.action-btn-yellow.middle,.action-btn-red.middle,.action-btn-grey.middle,.action-btn-black.middle {
	display:table;
	margin:0 auto;
	text-align:center;
}

.action-btn-white.pushdown,.action-btn-purple.pushdown,.action-btn-green.pushdown,.action-btn-blue.pushdown,.action-btn-lightblue.pushdown,.action-btn-brandblue.pushdown,.action-btn-orange.pushdown,.action-btn-yellow.pushdown,.action-btn-red.pushdown,.action-btn-grey.pushdown,.action-btn-black.pushdown {
	margin-top:10px;
}

.action-btn-white.pushup,.action-btn-purple.pushup,.action-btn-green.pushup,.action-btn-blue.pushup,.action-btn-lightblue.pushup,.action-btn-brandblue.pushup,.action-btn-orange.pushup,.action-btn-yellow.pushup,.action-btn-red.pushup,.action-btn-grey.pushup,.action-btn-black.pushup {
	margin-top:10px;
}

.qingcloud-feature h1 {
	margin-bottom: 2em;
}
.qingcloud-feature .main {
	margin-bottom: 40px;
}
.table-cell {
	display: table-cell;
	vertical-align: top;
}
p.size-md {
	font-size: 15px;
	line-height: 1.37;
}
p.size-lg {
	font-size: 16px;
}
p.size-xl {
	font-size: 17px;
}
.color-lightgrey {
	color: #909090;
}
.cell {
	display: table-cell;
	vertical-align: top;
}
.color-blue {
	color: #4e8ef8;
}
.cell-middle {
	display: table-cell;
	vertical-align: middle;
}
.qingcloud-feature .table-cell img {
	width: 55px;
	display: inline-block;
	line-height: 35px;
}
.qingcloud-feature .table-cell h5 {
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
	color: #515960;
}
.qingcloud-feature .table-cell .lead {
	margin-bottom: 10px !important;
}
.qingcloud-feature .table-cell:last-child {
	padding-left: 15px; 
}

.qingcloud-plan {
	position: relative;
	background-color: #2D3343;
}
.qingcloud-plan:after {
	content: '';
	background-image: url(http://thememotive.com/converio/wp-content/themes/converio/images/patterns/pattern02-white@2x.png);
	background-size: 61px 106px;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	opacity: .03;
}
.qingcloud-plan  h1 {
	color: #FFF;
	margin-bottom: 1em;
}
.qingcloud-plan p {
	color: #FFF;
	font-size: 16px;
	margin-bottom: 10px;
}
.qingcloud-plan .table-responsive {
	margin-top: 30px;
}
.qingcloud-support h1 {
	margin-bottom: 2em;
}
.qingcloud-support li {
	font-size: 16px;
	color: #515960;
	font-weight: bold;
}
.qingcloud-support li:after {
	content: '';
	display: block;
	height: 1px;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #FFF;
	background-image: -webkit-linear-gradient(right,#FFF,#dedede);
	background-image: linear-gradient(to left,#FFF,#dedede);
}
.theme-black h1,
.theme-black h2,
.theme-black h3,
.theme-black h4,
.theme-black h5,
.theme-black h6,
.theme-black p,
.theme-black li {
  color: #FFF;
}
.circle-check.theme-grey {
	border-color: #a6aeb5;
	color: #a6aeb5;
}
.circle-check.theme-blue {
	border-color: #4e8ef8;
	color: #4e8ef8;
}
.circle-check.size-xs {
	height: 20px;
	width: 20px;
	font-size: 11px;
	line-height: 18px;
}

.circle-check {
	height: 25px;
	width: 25px;
	font-size: 14px;
	line-height: 25px;
	vertical-align: top;
	border-radius: 999em;
	border-style: solid;
	border-width: 1px;
	display: inline-block;
	text-align: center;
	margin-right: 5px;
}

table tr.highlight {
	background-color: #FFE !important;
}
table tr.highlight i {
	color: #fc9b84;
}
table h5.price {
	font-size: 19px;
	font-weight: 600;
	color: #454545;
	margin-bottom: 0;
}
table h5.price .yen {
	margin-right: .03em;
	font-weight: 400;
	font-size: 75%;
	vertical-align: top;
}
table h5.price small {
	margin-left: .03em;
	font-size: 75%;
	font-weight: 400;
	font-weight: 400;
	color: #454545;
}
.fa-fw {
	width: 1.2857142857em;
	text-align: center;
}
.qingcloud-software .container {
	background-image: url("/images/software-2.svg");
	background-repeat: no-repeat;
	background-position: 10% center;
	background-size: 37%;
}
.gray {
	background-color: #f9f9f9;
}
.black {
	background-color: #1C1C1E;
}
.border-bottom {
	border-bottom: 1px solid #e5e5e5;
}
.qingcloud-os .container {
	background-image: url("/images/orbit.svg");
	background-repeat: no-repeat;
	background-position: 95% 40%;
	background-size: 450px;
}
.qingcloud-os .flex-container div {
	float: left;
	max-width: 120px;
}
.size-lg h1 {
	margin-bottom: 1em;
}
.size-lg p {
	font-size: 16px;
}
.size-lg ul {
	margin-top: 20px;
}
.size-lg ul li {
	font-size: 16px;
	line-height: 30px;
}
.size-lg .fa {
	color: #4e8ef8;
	font-size: 20px;
	margin-right: 5px;
}
.hint, [data-hint] {
	position: relative;
	display: inline-block;
}
.qingcloud-overview,
.cloud-overview {
	background-color: #2D3343;
}
.qingcloud-overview h1,
.cloud-overview h1 {
	margin-bottom: 1em;
}
.qingcloud-overview .lead,
.cloud-overview .lead {
	margin-bottom: 2em !important;
}
.qingcloud-overview p {
	margin-bottom: 10px;
}
.cloud-overview p {
	margin-bottom: 30px;
}
.qingcloud-overview .prices,
.cloud-overview .prices {
	color: #FFF;
	padding-left: 50px;
	padding-right: 50px;
}
.qingcloud-overview span.tip,
.cloud-overview span.tip {
	display: none;
}
.qingcloud-overview span.currency,
.cloud-overview span.currency {
	position: relative;
	top: -10px;
	color: #FFF;
	line-height: 1.5556;
	font-weight: 200;
	font-size: 1.4em;
}
.qingcloud-overview span.price,
.cloud-overview span.price {
	font-size: 2.7em;
	line-height: 1;
	font-weight: 200;
}
.qingcloud-overview .prices .priceUnit,
.cloud-overview .prices .priceUnit {
	margin-bottom: 10px;
}
.qingcloud-overview .prices .dominant,
.cloud-overview .prices .dominant {
	display: block;
	text-align: center;
}
.qingcloud-overview p.tip,
.cloud-overview p.tip {
	margin-top: 5px;
	letter-spacing: 1px;
	color: #808080;
}
.cloud-developer {
	background-color: #2d4772;
	padding-top: 150px;
	padding-bottom: 150px;
	background-image: url('/images/cloud-vpst3.jpg');
	background-size: 50%;
	background-position: left top;
	background-repeat: no-repeat;	
}
.cloud-developer .main {
	padding-left: 50px;
}
.cloud-feature {
	background-image: url('/images/cloud-vps1.jpg');
	background-size: 50%;
	background-position: left top;
	background-repeat: no-repeat;	
}
.cloud-feature .main {
	padding-left: 50px;	
}
.cloud-feature .main h1 {
	margin-bottom: 40px ;
}
.cloud-feature .main p a {
	font-weight: bold;
}
.cloud-feature .main p .fa {
	color: #29cbcf;
	font-size: 1.4em;
	vertical-align: top;
	margin-left: 5px;
}
.cloud-feature2 h1 {
	margin-bottom: 60px;
}
.cloud-feature2 .main {
	margin-bottom: 60px;
}
.cloud-feature2 .main img {
	margin-bottom: 30px;
}
.cloud-plan h1 {
	margin-bottom: 60px;
}
.cloud-plan .table--bordered {
	border: 1px solid #e6e6e6;
	border-collapse: separate;
	border-left: 0;
}
.cloud-plan thead th span {
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	font-weight: 500;
}
.cloud-plan .table th {
	text-align: center;
	color: #1c1c1e;
}
.cloud-plan .table--plans tbody th:first-child,
.cloud-plan .table--plans thead th:first-child {
	text-align: right;
	font-size: 14px;
	text-transform: uppercase;
}
.cloud-plan .table--colStriped td:nth-child(odd),
.cloud-plan .table--colStriped th:nth-child(odd) {
	background: #f9f9f9;
}
.cloud-plan .table--colStriped td:nth-child(3),
.cloud-plan .table--colStriped th:nth-child(3) {
	background-color: #f0fcfc;
}
.cloud-plan .table--colStriped td:hover,
.cloud-plan .table--colStriped th:hover {
	background-color: #F9FEFE;
}
.cloud-plan .table th,
.cloud-plan .table td {
	padding: 10px;
	line-height: 20px;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #e6e6e6;
}
.cloud-plan .table--plans th,
.cloud-plan .table--plans td {
	padding: 20px 10px;
	text-align: center;
	vertical-align: middle;
}
.cloud-plan .table--bordered th,
.cloud-plan .table--bordered td {
	border-left: 1px solid #e6e6e6;
}
.cloud-plan .table>thead>tr>th {
	border-bottom: 0 none;
}
/* ================================================ */


.cdn-client .main {
	border-left: 3px solid #83BBF0;
	padding: 10px 15px;
	font-size: 16px;
}
.cdn-feature .main {
	padding: 30px 15px 15px;
	border-radius: 5px;
	box-shadow: 0 0 2px rgba(0,0,0,.25);
}
.cdn-feature .main .fa {
	color: #85BBED;
	font-size: 5em;
	margin-bottom: 20px;
}
.cdn-plan {
	background-image: url('/images/CDN.png');
	background-size: cover;
	background-position: center left -100px;
	background-repeat: no-repeat;
}
.cdn-plan .main {
	padding: 20px;
	border-radius: 5px;
	background-color: rgba(255,255,255,.6);
	box-shadow: 0 0 15px rgba(0,0,0,.05);
}
.cdn-plan .main .lead {
	line-height: 1.8;
	margin-bottom: 0 !important;
}

.ddos-feature {
	background-color: #EDF0F2;
}
.ddos-feature .head {
	padding: 30px 20px;
	border-radius: 5px 5px 0 0;
	background-color: #328DDB;
}
.ddos-feature .head .fa {
	color: #FFF;
	font-size: 4em;
}
.ddos-feature .foot {
	padding: 20px;
	border-radius: 0 0 5px 5px;
	background-color: #FFF;
}
.ddos-feature .foot h3 {
	color: #333;
	font-weight: normal;
}
.ddos-feature .foot p {
	margin-bottom: 0 !important;
}
.ddos-client .row > div {
	margin-bottom: 50px;
}
.ddos-client .main img {
	margin-bottom: 20px;
}
.ddos-client .main {
	padding: 10px 15px;
	font-size: 16px;
}
.ddos-plan {
	background-color: #333940;
}
.ddos-plan h2 {
	color: #FFF;
}
.ddos-plan .lead {
	color: #FFF;
	font-size: 18px;
}

.mail-feature {
	background-color: ;
}
.mail-feature .row > div:nth-child(1),
.mail-feature .row > div:nth-child(2) {
	margin-bottom: 50px;
}
.mail-feature .main {
	padding: 15px;
}
.mail-feature .main-head {
	float: left;
	margin-right: 30px;
}
.mail-feature .main-head .icon {
	width: 120px;
	height: 120px;
	display: block;
	background-position: top -10px center;
	background-size: 100%;
}
.mail-feature .main-head .icon.mail-1 {
	background-image: url('/images/mail-1.png');
}
.mail-feature .main-head .icon.mail-2 {
	background-image: url('/images/mail-2.png');
}
.mail-feature .main-head .icon.mail-3 {
	background-image: url('/images/mail-3.png');
}
.mail-feature .main-head .icon.mail-4 {
	background-image: url('/images/mail-4.png');
}
.mail-feature .main-foot h3 {
	color: #333;
}
.mail-feature .main-foot .lead {
	color: #999;
}

.mail-plan {
	position: relative;
	overflow: hidden;
	background-color: #f9f9f9;
	background: -webkit-linear-gradient(left,#f9f9f9 50%,#fff 50%);
	background: -moz-linear-gradient(left,#f9f9f9 50%,#fff 50%);
	background: -ms-linear-gradient(left,#f9f9f9 50%,#fff 50%);
	background: -o-linear-gradient(left,#f9f9f9 50%,#fff 50%);
}
.mail-plan .img {
	position: absolute;
	height: 500px;
	width: 50%;
	top: 0;
	right: 0;
	background-image: url('/images/mail.jpg');
	background-size: cover;
	background-position: center top -50px;
}
.mail-plan .main {
	padding-right: 50px;
}
.mail-plan .main .lead {
	color: #999;
}

.mail-client .row > div:nth-child(1),
.mail-client .row > div:nth-child(2),
.mail-client .row > div:nth-child(3) {
	margin-bottom: 50px;
}

.mail-plans .tablelist .table>thead>tr>th {
	color: #424a54;
	text-align: center;
	border-bottom-width: 0;
	background-color: #C9CFD2;
}
.mail-plans .tablelist .table>tbody>tr:nth-child(even) {
	background-color: #F5F7F8;
}

.mail-plans .tablelist .table>tbody>tr>td,
.mail-plans .tablelist .table>tbody>tr>th,
.mail-plans .tablelist .table>tfoot>tr>td,
.mail-plans .tablelist .table>tfoot>tr>th,
.mail-plans .tablelist .table>thead>tr>td,
.mail-plans .tablelist .table>thead>tr>th {
	border-top: 0 none;
	padding: 20px 15px;
}
.mail-plans .tablelist .table>thead>tr>th {
	padding: 10px 15px;
	border: 2px solid #C9CFD2;
}

.mail-plans .tablelist .table thead th:first-child {
	padding-left: 15px;
}
.mail-plans .tablelist .table thead th:last-child {
	text-align: center;
}

.mail-plans .tablelist .table tbody tr:last-child td {
	border-bottom: 2px solid #C9CFD2;
}
.mail-plans .tablelist .table tbody td:first-child {
	padding-left: 15px;
	border-left: 2px solid #C9CFD2;
}
.mail-plans .tablelist .table tbody td:last-child {
	text-align: center;
	border-right: 2px solid #C9CFD2;
}
.mail-plans .tablelist .table tbody tr:last-child {
	border-radius: 0 0 0 4px;
}
.mail-plans .tablelist .table thead th.buy {
	width: 15%;
}
.mail-plans .tablelist .table tbody td a.buy {
	color: #FFF;
	display: block;
	padding: 8px 30px;
	font-weight: bold;
	border-radius: 4px;
	background-color: #8bbf56;
}
.mail-plans .tablelist .table tbody td a.buy:hover {
	background-color: #71a43e;
}
.mail-plans .tablelist .table tbody td a.chat {
	color: #FFF;
	display: block;
	padding: 8px 30px;
	font-weight: bold;
	border-radius: 4px;
	background-color: #14ADCC;
}
.mail-plans .tablelist .table tbody td a.chat:hover {
	background-color: #0f869e;
}


.about-slider {
	background-image: url('/images/about.jpg');
	background-size: cover;
	background-position: center center;
}
.about-main p {
	margin-bottom: 20px !important;
}
.team {
	
}
.team li {
	list-style: none;
}
.team .person {
	float: left;
	width: 25%;
	text-align: center;
	padding: 50px 0;
	border-right: 1px solid #edeff1;
	border-bottom:1px solid #edeff1;
}
.team .person:nth-child(4n) {
	border-right-color: #FFF;
}
.team .person-alt {
	border-bottom-color: #FFF;
}
.person .avatar,.person .avatar-mask,.person p {
	
}
.person p {
	padding: 10px 0 0 0;
}
.person em,.person strong {
	display:block;
	
}
.person em {
	color:#808488;
	font-size: 14px;
	letter-spacing:.05em;
	text-transform:uppercase;
	font-style:normal;
}
.person-alt p {
	padding-top:2px;
}
.team {
	clear:both;
}
.team .title {
	padding:30px 0;
}
.team ul {
	margin: 0;
	padding: 0;
}
.team ul:after {
	content: '';
	clear: both;
}
.avatar-mask img {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	display: block;
	width: 100%;
	height: 100%;
}
.avatar-mask {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.avatar, .avatar-mask {
	display: inline-block;
	position: relative;
	width: 128px;
	height: 128px;
	border-radius: 50%/12%;
	overflow: hidden;
}
.joinus-main {
	line-height: 1.8;
}
.joinus-main .main-top {
	padding-bottom: 40px;
}
.joinus-main h2 {
	font-size: 18px;
	padding: 10px 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #eee;
}
.joinus-main h2 span {
    margin-left: 10px;
    color: #999;
}
.joinus-main .main-top h3 {
	color: #6C6C73;
	font-size: 18px;
	margin-bottom: 10px;
}
.joinus-main .main-top .main {
	clear: both;
	padding: 10px;
	margin-bottom: 20px;
}
.joinus-main .main-top > div {
	min-height: 280px;
}
.joinus-main .main-top > div:last-child {
	border-right: 0 none;
}
.joinus-main .main-top .img {
	width: 65px;
	height: 65px;
	margin: 50px auto;
}
.joinus-main .main-top .lead {
	color: #999;
	font-size: 14px;
}
.joinus-main .main-info {
	clear: both;
}
.joinus-main .main-info .menu-sub {
	width: 100%;
	clear: both;
	display: table;
	margin: 30px auto;
}
.joinus-main .main-info .menu-sub li {
	float: left;
	margin-right: 10px;
}
.joinus-main .main-info .menu-sub li.active a,
.joinus-main .main-info .menu-sub li a:hover {
	color: #FFF;
	background-color: #328DDB;
}
.order-recommend .qingcloud li.selected  a{position: relative;}
.order-recommend .qingcloud li.selected  a:after,
.order-recommend .qingcloud li.selected  a:hover:after {
	content: '';
	position: absolute;
	border-top: 11px solid #328DDB;
	border-right: 11px solid transparent;
	border-left: 11px solid transparent;
	bottom: -11px;
	left: 40%;
}
.joinus-main .main-info .menu-sub li.active a:after,
.joinus-main .main-info .menu-sub li.active a:hover:after {
	content: '';
	position: absolute;
	border-top: 7px solid #328DDB;
	border-right: 7px solid transparent;
	border-left: 7px solid transparent;
	bottom: -7px;
	left: 45%;
}
.joinus-main .main-info .menu-sub li a {
	padding: 5px 20px;
	position: relative;
	width: 100px;
	color: #666;
	font-size: 16px;
	border-radius: 4px;
	display: block;
	text-align: center;
}
.joinus-main .main-info .main {
	padding: 30px;
	border-bottom: 1px solid #f0f0f0;
	background-color: #F9F8F8;
}

.joinus-main .main-info p.email {
    padding: 15px;
    max-width: 100%;
    border-radius: 30px;
    text-align: center;
    width: 500px;
    margin: 80px auto 20px;
    background: #00bbfd;
    color: #fff;
}

.contact-main .main-top h3 {
	margin-bottom: 10px;
}
.contact-main .main-top span a {
	font-size: 38px;
	line-height: 1.5;
	color: #FFCC00;
	font-weight: 600;
	margin-right: 10px;
}
.contact-main .main-top p.phone {
	font-size: 18px;
	line-height: 1;
}

.contact-main .main-inner {
	margin: 30px 0;
	padding: 100px 50px;
	border-radius: 4px;
	border: 1px solid #EEE;
}
.contact-main .main-inner.cq {
	background-image: url(/images/cq.png);
	background-position: center center;
	background-size: cover;
}
.contact-main .main-inner.cq .main {
	padding-left: 60%;
}
.contact-main .main-inner.hk {
	background-image: url(/images/hk.png);
	background-position: center center;
	background-size: cover;
}
.contact-main .main-inner table {
	margin-bottom: 30px;
}
.contact-main .main-inner table tbody td {
	line-height: 40px;
}
.contact-main .main-inner p {
	margin-bottom: 10px;
}
.high-feature {
	background-color: #EDF0F2;
}
.high-feature .mainbox {
	margin-left: 15px;
	margin-right: 15px;
	padding: 40px 0;
	text-align: center;
	overflow: hidden;
	margin-bottom: 2rem;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);
}
.high-feature .mainbox .col-sm-3 {
	border-left: 1px solid #dae0e6;
}
.high-feature .mainbox .col-sm-3:first-child {
	border-left: 0 none;
}
.high-feature .mainbox .main .fa {
	color: #14ADCC;
	font-size: 5em;
	margin-bottom: 40px;
}

.high-feature .img1 {
	height: 235px;
	border-radius: 5px;
	background-size: 100%;
	background-image: url('/images/speed.jpg');
}
.high-plan {
	overflow: hidden;
}
.high-plan .main {
	padding: 50px 0;
}
.high-plan .main h2 {
	color: #323940;
	font-size: 36px;
	font-weight: 500;
}
.high-plan .main .lead {
	color: #777;
	line-height: 1.8;
	margin: 0 0 1em;
}
.high-plan .img {
	height: 700px;
	width: 100%;
	position: absolute;
	background-image: url('/images/High.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top -20px right -20px;
	top: -80px;
	right: 0;
}

.datacenter-menu {
	overflow: hidden;
	height: 70px;
	background-color: #f8f8f8;
}
.datacenter-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.datacenter-menu ul li {
	float: left;
	height: 70px;
}
.datacenter-menu ul li a {
	display: block;
	padding: 0 40px;
	font-size: 16px;
	line-height: 70px;
	font-weight: 500;
	height: 70px;
	color: #68717a;
}
.datacenter-menu ul li a:hover {
	text-decoration: none;
	color: #3657f0;
	background-color: rgba(169, 176, 184, 0.2);
}
.datacenter-menu ul li.active a {
	color: #333940;
	background: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 1, 0.2);
}
.datacenter-speed {
	background-color: #F4F4F4;
	background: -webkit-linear-gradient(left,#E4E4E4 50%,#F4F4F4 50%);
	background: -moz-linear-gradient(left,#E4E4E4 50%,#F4F4F4 50%);
	background: -ms-linear-gradient(left,#E4E4E4 50%,#F4F4F4 50%);
	background: -o-linear-gradient(left,#E4E4E4 50%,#F4F4F4 50%);
	position: relative;
	overflow: hidden;
	height: 400px;
	background-size: cover;
}
.datacenter-speed .container{
margin-top:-45px;
}
.dateimg {
    position: absolute;
	height: 400px;
	width: 50%;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center top -50px;
}
.dateimg .main{
margin-top:70px;}
.datacenter-feature h2 {
	margin-bottom: 70px;
}
.datacenter-feature .fa {
	font-size: 4em;
	line-height: 1.65;
	color: #FFF;
	text-align: center;
	width: 90px;
	height: 90px;
	border-radius: 4px;
	margin-bottom: 20px;
	background-color: #009CE9;
}
.datacenter-img .row > div {
	padding: 0;
}
.datacenter-partners {
	background-color: #FFF;
}
.datacenter-partners h2 {
	margin-bottom: 60px;
}

.leftimg{
background-image: url('/images/datacenter/xin5.png');
background-size: cover;
background-size: 50%
}
.HongKong-slide {
	background-image: url('/images/datacenter1.jpg');
	background-size: cover;
	/*background-position: center top -300px;*/
	height: 400px;
}
.affs-slide {
	background-color: rgba(32,36,46,1);
	background-image: url(/images/aff.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: top -100px center;
	position: relative;
	overflow: hidden;
}
.affs-slide:before {
	content: '';
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	background-color: rgba(0,0,0,.5);
}
.affs-slide {
	padding-top: 100px;
	padding-bottom: 100px;
}
.affs-slide .lead {
	margin-top: 20px;
	line-height: 26px;
	margin-bottom: 40px !important;
}
.affs-slide a {
	color: #FFF;
	padding: 13px 60px;
	font-size: 18px;
	background-color: #70B11B;
	border-radius: 4px;
}
.affs-feature .main {
	padding: 15px;
}
.affs-feature .main img {
	width: 60%;
	margin-bottom: 30px;
}
.affs-links li:before {
	float: left;
	content: '';
	width: 10px;
	height: 10px;
	margin-top: 10px;
	margin-right: 10px;
	border-radius: 50px;
	background-color: #19A9E5;
}
.affs-links .main img {
	width: 70%;
}
.affs-main {
	position: relative;
}
.affs-main .affs-click {
    position: absolute;
    bottom: 20px;
    left: 44%;
}
.affs-main .affs-click a {
    color: #666;
    background-color: rgba(0,0,0,.25);
    padding: 10px 15px;
    border-radius: 50px;
}
.affs-main .affs-click a .fa {
	display: inline;
	font-size: 1.7em;
	vertical-align: middle;
}
.flipy {
    -moz-transform:scaleY(-1);
    -webkit-transform:scaleY(-1);
    -o-transform:scaleY(-1);
    transform:scaleY(-1);
    /*IE*/
    filter:FlipV;
}
.affs-main .dominant {
	color: #FFF;
	padding: 17px 80px;
	font-size: 20px;
	background-color: #70B11B;
	border-radius: 4px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.affs-tabcontainer .tab-content {
	padding: 80px 0;
}
.affs-tabcontainer .tab-content:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.affs-tabcontainer .tab-content img {
	float: left;
	margin-right: 20px;
	margin-bottom: 30px;
}

.partner-feature {
	background-color: #F4F6F9;
}
.partner-feature li {
	margin-right: -4px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 24.6%;
	margin-left: 1%;
	margin-right: 1%;
	width: 22.6%;
	background: #fff;
	padding: 0 1%;
	margin-bottom: 25px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.partner-feature .image-block {
	width: 100%;
	height: 220px;
	display: block;
	vertical-align: middle;
	position: relative;
}
.partner-feature .image-block>* {
	top: 50%;
	-webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
	position: relative;
	display: block;
}
.partner-feature  .investor-angels {
	margin: 0 25px;
}
.partner-client {
	background-size: cover;
	background-image: url('/images/bg-photo-02.jpg');
}
.partner-client h2 {
	color: #FFF;
}
.owl-carousel blockquote {
	border: 0;
}
.partner-client blockquote p {
	color: #FFF;
}
.owl-carousel blockquote p {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 200;
}
.partner-client blockquote strong {
	color: #CCC;
}
.partner-client blockquote .org {
	color: #EEE;
	font-weight: 400;
}

.reseller-slide {
	background-color: #F2F7FA;
	background-image: url('/images/reseller.jpg');
	background-size: cover;
	background-position: center;
}
.reseller-slide h2,
.reseller-slide .lead {
	color: #FFF;
}
.reseller-feature {
	position: relative;
	background-image: url(/images/reseller1.jpg);
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}
.reseller-feature:before {
	position: absolute;
	content: '';
	width: 100%;
	top: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.5);
}
.reseller-feature .mat-50 {
	margin-top: 50px;
}
.reseller-feature .main .fa {
	width: 100px;
	line-height: 100px;
	color: #FFF;
	text-align: center;
	font-size: 3em;
	margin-bottom: 20px;
	border-radius: 50px;
	background-color: rgba(0,0,0,.65);
}
.reseller-step.space {
	padding-top: 100px;
	padding-bottom: 100px;
}
.reseller-step .steps .main {
	padding-left: 80px;
}
.reseller-step .steps .main h3 {
	margin-bottom: 0px;
}
.reseller-step .steps > div:before {
	  font-size: 80px;
	  font-weight: bold;
	  float: left;
	  font-family: Arial;
	  color: #DDD;
}
.reseller-step .steps > div:nth-child(1):before {
	  content: '1';
}
.reseller-step .steps > div:nth-child(2):before {
	  content: '2';
}
.reseller-step .steps > div:nth-child(3):before {
	  content: '3';
}
.reseller-step .steps > div:nth-child(4):before {
	  content: '4';
}
.reseller-level .main {
	padding: 0 15px;
}
.reseller-level .main p {
	margin-bottom: 10px;
}
 
.pd-demo {
	position: relative;
	overflow: hidden;
}
.pd-demo .main .lead {
	line-height: 1.8;
}
.pd-demo .img img {
	box-shadow: 0 0 2px rgba(0,0,0,.15);
}
.pd-demo .row > .col-sm-6:first-child .main,
.pd-demo .row > .col-sm-6:nth-child(7) .main {
	margin-right: 50px;
}
.pd-demo .row > .col-sm-6:nth-child(5) .main {
	margin-left: 50px;
}
.pd-demo .row > .col-sm-6:nth-child(4),
.pd-demo .row > .col-sm-6:nth-child(5),
.pd-demo .row > .col-sm-6:nth-child(7),
.pd-demo .row > .col-sm-6:nth-child(8) {
	margin-top: 100px;
}

.pd-feature {
	background-color: ;
}
.pd-feature .fa {
	font-size: 4em;
	line-height: 1.65;
	color: #FFF;
	text-align: center;
	width: 90px;
	height: 90px;
	border-radius: 4px;
	margin-bottom: 20px;
	background-color: #6c9cff;
}
.pd-form {
	background-color: #2B2F3E;
}
.pd-form h2 {
	color: #FFF;
}
.pd-form .form-group > div {
	margin-bottom: 15px;
}
.pd-form .form-group > div .control-label {
	font-size: 16px;
	color: #FFF;
}
.pd-form .form-group > div:last-child {
	margin-top: 15px;
}
.pd-client blockquote {
	border: 0;
}
.pd-client blockquote p {
	margin-bottom: 20px;
}
.pd-client blockquote p:before {
	color: #CCC;
	font-size: 2em;
	font-family: FontAwesome;
	content: "\f10d";
	margin-right: 5px;
}
.pd-client blockquote p {
	color: #999;
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 30px;
}
.pd-client .avatar {
	float: left;
	margin-right: 20px;
	margin-bottom: 58px;
	border-radius: 50px;
	width: 80px;
	height: 80px;
}
.pd-client blockquote strong {
	font-weight: 400;
	font-size: 20px;
}
.pd-client blockquote span.org {
	color: #aaa;
	font-size: 14px;
	margin-left: 10px;
}
.pd-client .logo > div {
	margin-bottom: 40px;
}
.pd-software .row > div {
	min-height: 450px;
}
.pd-software .row > div:nth-child(1),
.pd-software .row > div:nth-child(2) {
	margin-bottom: 50px;
}
.pd-software .row > div img {
	margin-bottom: 30px;
}

.system-feature .main {
	margin-bottom: 50px;
}
.system-feature .main .fa {
	color: #6c9cff;
	float: left;
	font-size: 1.8em;
	margin-right: 10px;
	margin-bottom: 50px;
}
.system-feature .main h4 {
	margin-bottom: 10px;
}
.idc-feature {
	background-color: #EAECF2;
}
.idc-feature .row > div {
	margin-bottom: 50px;
}
.idc-feature .main .fa {
	float: left;
	font-size: 3em;
	line-height: 1.75;
	color: #FFF;
	text-align: center;
	width: 72px;
	height: 72px;
	border-radius: 40px;
	margin-right: 20px;
	background-color: #6c9cff;
}
.idc-feature .main h4 {
	margin-bottom: 10px;
}

.order-resources hr {
	margin-top: 50px;
	margin-bottom: 50px;
}
.order-resources .panel {
	box-shadow: none;
	margin: 0;
}
.order-instance h3,
.order-bandwidth h3,
.order-disk h3,
.order-loadbalancer h3,
.order-ips h3,
.order-added h3,
.order-buytime h3,
.order-ip h3,
.order-vip h3,
.order-ssd h3,
.order-beian h3,
.order-ssl h3 {
	font-size: 24px;
	line-height: 2em;
	float: left;
}
.order-instance ul,
.order-sive ul,
.order-image ul,
.order-bandwidth ul,
.order-loadbalancer ul,
.order-recommend ul,
.order-operatingsystem ul,
.order-ips ul,
.order-added ul,
.order-buytime ul,
.order-ip ul,
.order-vip ul,
.order-ssd ul,
.order-beian ul,
.order-ssl ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.order-recommend ul,
.images ul {
	margin-top: 30px;
}
.order-instance ul li:last-child a,
.order-image ul li:last-child a,
.order-image ul li:last-child a,
.order-loadbalancer ul li:last-child a,
.order-recommend ul li:last-child a,
.order-operatingsystem ul li:last-child a,
.order-ips ul li:last-child a,
.order-added ul li:last-child a,
.order-buytime ul li:last-child a,
.order-ip ul li:last-child a,
.order-vip ul li:last-child a,
.order-ssd ul li:last-child a,
.order-beian ul li:last-child a,
.order-ssl ul li:last-child a {
	margin-right: 0;
}
.desc .price {
	line-height: 2em;
	float: right;
	margin-top: 12px;
}
.desc .price-number {
	font-size: 28px;
	margin: 0 4px 0 8px;
	color: #328DDB;
}
.desc .none {
	margin: 0;
	font-size: 12px;
	color: #999;
	font-style: italic;
}
.desc p {
	color: #999;
	line-height: 1.6em;
	clear: both;
}
.local-item, .cpu-item,.sive-item, .memory-item, .ssl-item, .buy-item, .plans-item, .type-item, .mode-item, .added-item ,
.ip-item,
.vip-item,
.ssd-item,
.beian-item,
.route-item
{
	display: inline-block;
}
.local-item a, .image-item a, .cpu-item a,.sive-item a, .memory-item a, .ssl-item a, .buy-item a, .plans-item a, .type-item a, .mode-item a, .added-item a ,
.ip-item a,
.vip-item a,
.ssd-item a,
.beian-item a,
.route-item a
{
	display: block;
	padding: 10px;
	margin: 2px 0;
	cursor: pointer;
	border-radius: 3px;
	color: #298eea;
	border:1px solid #c6e5ff;
	background-color: #eef7ff;
}
.local-item a:hover, .image-item a:hover, .cpu-item a:hover,.sive-item a:hover,.sive-item a:hover, .memory-item a:hover, .ssl-item a:hover, .buy-item a:hover, .plans-item a:hover, .type-item a:hover, .mode-item a:hover, .added-item a:hover,
.ip-item a:hover,
.vip-item a:hover,
.ssd-item a:hover,
.beian-item a:hover,
.route-item a:hover
 {
    transition: all .1s ease-in;
	border-color: #dfdfdf;
	background-color: #FFF;
	color: #444;
}
.local-item.selected a, .image-item.selected a, .cpu-item.selected a,.sive-item.selected a, .memory-item.selected a, .ssl-item.selected a, .buy-item.selected a, .plans-item.selected a, .type-item.selected a, .mode-item.selected a, .added-item.selected a,
.ip-item.selected a,
.vip-item.selected a,
.ssd-item.selected a,
.beian-item.selected a,
.route-item.selected a
 {
	background-color: #298EEA;
	border-color: #298EEA;
	color: #fff;
}

.sive-item a,.cpu-item a, .memory-item a, .ssl-item a, .buy-item a, .plans-item a, .type-item a, .mode-item a, .added-item a ,
.ip-item a,
.vip-item a,
.ssd-item a,
.beian-item a,
.route-item a
{
	text-align: center;
	padding: 8px 0;
	font-size: 12px;
}
.cpu-item:first-child a,.sive-item:first-child a, .memory-item:first-child a, .ssl-item:first-child a, .buy-item:first-child a, .plans-item:first-child a, .type-item:first-child a, .mode-item:first-child a, .added-item:first-child a,
.ip-item:first-child a,
.vip-item:first-child a,
.ssd-item:first-child a,
.beian-item:first-child a,
.route-item:first-child a
 {
	margin-left: 0;
}
.cpu-item.disable a,.sive-item.disable a,  .memory-item.disable a, .ssl-item.disable a, .buy-item.disable a, .plans-item.disable a, .type-item.disable a, .mode-item.disable a, .added-item.disable a,
.ip-item.disable a,
.vip-item.disable a,
.ssd-item.disable a,
.beian-item.disable a,
.local-item.disable a,
.image-item.disable a,
.route-item.disable a
 {
	border-color: #E4E4E4;
	background-color: #FFF;
	color: #BBB;
	cursor: no-drop;
	text-shadow: 0 1px #fff;
}
.local-item a {
	display: inline-block;
	padding: 15px 20px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin: 0 10px 0 0;
	width: 173px;
}
.image-item {
	width: 220px;
	display: inline-block;
}
.image-item a {
	display: block;
	padding: 25px 30px;
	font-size: 24px;
	font-weight: bolder;
	text-align: center;
	margin: 0 10px 20px 0;
}
.cpu-item a {
	display: inline-block;
	width: 136px;
	font-size: 15px;
	margin: 10px 5px 0;
}
.sive-item a {
	display: inline-block;
	width: 111px;
	font-size: 15px;
	margin: 10px 5px 0;
}
.memory-item a {
	display: inline-block;
	width: 54px;
	margin: 10px 5px;
}
.added-item a {
	margin: 0 10px 15px 0;
	display: inline-block;
	font-size: 16px;
	padding: 15px;
	text-align: left;
}
.added-item a .price {
	float: right;
	color: #999;
}
.added-item a .price .price-number {
	color: #298EEA;
	font-size: 24px;
	margin: 0 4px 0 8px;
}
.added-item a .tip {
	clear: both;
	color: #999;
	font-size: 12px;
	margin-bottom: 0;
}
.added-item.selected a .price .price-number {
	color: #FFF;
}
.added-item.selected a .tip {
	color: #FFF;
}
.ssl-item a,
.ip-item a,
.vip-item a,
.ssd-item a,
.beian-item a
 {
	margin: 0 10px 15px 0;
	display: inline-block;
	font-size: 16px;
	padding: 15px;
	text-align: left;
}
.ssl-item a .price,
.ip-item a .price,
.vip-item a .price,
.ssd-item a .price,
.beian-item a .price
 {
	float: right;
	color: #999;
}
.ssl-item a .price .price-number,
.ip-item a .price .price-number,
.vip-item a .price .price-number,
.ssd-item a .price .price-number,
.beian-item a .price .price-number
 {
	color: #298EEA;
	font-size: 24px;
	margin: 0 4px 0 8px;
}
.ssl-item a .tip,
.ip-item a .tip,
.vip-item a .tip,
.ssd-item a .tip,
.beian-item a .tip
 {
	clear: both;
	color: #999;
	font-size: 12px;
	margin-bottom: 0;
}
.ssl-item.selected a .tip,
.ip-item.selected a .tip,
.vip-item.selected a .tip,
.ssd-item.selected a .tip,
.beian-item.selected a .tip
 {
	clear: both;
	color: #FFF;
	font-size: 12px;
	margin-bottom: 0;
}
.ssl-item .fa,
.ip-item  .fa,
.vip-item  .fa,
.ssd-item  .fa,
.beian-item  .fa
 {
	font-size: 2em;
	float: left;
	margin-right: 10px;
	margin-top: 20px;
}

.tiptop {
	margin-top: 30px;
	padding: 15px;
	border: 1px solid #EEE;
	background-color: #F7F7F7;
	border-radius: 4px;
}

.buy-item a,
.rdb-item a,
.type-item a {
	display: inline-block;
	margin: 0 5px;
	font-size: 16px;
	padding: 15px 10px;
}
.plans-item a {
	display: block;
	padding: 20px 0px;
	font-size: 16px;
	text-align: center;
	margin: 0 10px 0 0;
	width: 138px;
}
.plans-item a span {
	color: #999;
	display: block;
	font-size: 12px;
	text-align: center;
}
.plans-item.selected a span {
	color: #FFF;
}

.mode-item a {
	display: inline-block;
	margin: 0 10px 15px 0;
	font-size: 14px;
	line-height: 1.8;
	padding: 0;
	width: 175px;
	text-transform: uppercase;
	background-color: #FFF;
	border-color: #E4E4E4;
	color: #BBB;
}
.mode-item:nth-child(4) a {
	margin-right: 0;
}
.mode-item a .icon {
	background-repeat: no-repeat;
	background-position: center center;
	height: 54px;
	margin: 15px auto 0;
	width: 54px;
	display: block;
}
.mode-item.ubuntu a .icon {
	background-image: url('/images/icons/os/ubuntu.svg');
}
.mode-item.selected.ubuntu a .icon {
	background-image: url('/images/icons/os/ubuntu-active.svg');
}
.mode-item.freebsd a .icon {
	background-image: url('/images/icons/os/windows.svg');
}
.mode-item.selected.freebsd a .icon {
	background-image: url('/images/icons/os/windows-active.svg');
}
.mode-item.fedora a .icon {
	background-image: url('/images/icons/os/fedora.svg');
}
.mode-item.selected.fedora a .icon {
	background-image: url('/images/icons/os/fedora-active.svg');
}
.mode-item.debian a .icon {
	background-image: url('/images/icons/os/debian.svg');
}
.mode-item.selected.debian a .icon {
	background-image: url('/images/icons/os/debian-active.svg');
}
.mode-item.coreos a .icon {
	background-image: url('/images/icons/os/coreos.svg');
}
.mode-item.selected.coreos a .icon {
	background-image: url('/images/icons/os/coreos-active.svg');
}
.mode-item.centos a .icon {
	background-image: url('/images/icons/os/centos.svg');
}
.mode-item.selected.centos a .icon {
	background-image: url('/images/icons/os/centos-active.svg');
}

.mode-item.plesk a .icon {
	background-image: url('/images/icons/os/plesk1.png');
	width: 80%;
}
.mode-item.selected.plesk a .icon {
	background-image: url('/images/icons/os/plesk-active1.png');
	
}



.mode-item a .distro-name {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
	margin: 8px 0 10px 0;
}
.mode-item a .dropdown .text {
	display: inline-block;
	-webkit-transition: color .2s ease;
	transition: color .2s ease;
	white-space: nowrap;
    width: 120px;
    overflow: hidden;
    float: left;
}
.mode-item a .dropdown {
	color: #818181;
	position: relative;
	display: block;
	line-height: 38px;
	text-transform: none;
	border-radius: 0 0 3px 3px;
	background-color: #FCFCFC;
	border-top: 1px solid #e4e4e4;
	white-space: nowrap;
}
.mode-item a .dropdown .menu {
	cursor: auto;
	position: absolute;
	display: none;
	outline: 0;
	top: 100%;
	margin: 5px 0 0;
	padding: 0;
	background: #fff;
	min-width: 100%;
	white-space: nowrap;
	font-size: 1rem;
	text-shadow: none;
	text-align: left;
	border-radius: 4px;
	border: 1px solid rgba(39,41,43,.15);
	-webkit-transition: opacity .2s ease;
	transition: opacity .2s ease;
	z-index: 11;
	will-change: transform,opacity;
}
.mode-item a .dropdown .menu .item {
	position: relative;
	cursor: pointer;
	display: block;
	border: none;
	height: auto;
	border-top: none;
	line-height: 1em;
	color: rgba(0,0,0,.8);
	padding: .71428571em 1.14285714em!important;
	font-size: 1rem;
	text-transform: none;
	font-weight: 400;
	box-shadow: none;
	-webkit-touch-callout: none;
}
.mode-item a .dropdown .menu .item:hover {
	background: rgba(0,0,0,.05);
	color: rgba(0,0,0,.8);
	z-index: 13;
}
.mode-item.selected a .dropdown {
	background-color: #FFF;
	border-top: 1px solid #FFF;
}
.mode-item a .dropdown .fa {
	margin-left: 5px;
}
.order-viewport {
	padding: 0 15px;
}
.order-viewport.fixed {
	position: fixed;
	top: 80px;
	max-width: 360px;
}
.order-viewport .summary-wrapper {
	background: #f7f7f7;
	padding: 10px 20px;
	color: #3b3b3b;
}
.order-viewport .summary-wrapper h2 {
	text-align: center;
	margin: 0;
	font-size: 22px;
	line-height: 36px;
}
.order-viewport .total {
	margin-top: 0;
	padding: 20px 0 0;
	text-align: right;
	border-top: 1px solid #eee;
}
.order-viewport .total .number {
	font-size: 28px;
	color: #1e88e5;
	padding: 0 6px;
}
.order-viewport .resources .number {
	margin-right: 5px;
}
.order-viewport .total .notice {
	color: #999;
	margin: 15px 0 0;
	line-height: 1.6em;
	text-align: left;
	font-size: 12px;
}
.order-viewport .botton {
	margin-top: 20px;
	padding: 20px 0 10px;
	text-align: right;
	border-top: 1px solid #eee;
}
.order-viewport .botton .fa {
	margin-right: 5px;
	color: #FFF;
}
.order-viewport .resources table tr>td {
	text-align: right;
}
.order-viewport .resources table td {
	padding: 5px 0;
	height: 32px;
	vertical-align: middle;
	border: 0;
}
.order-viewport .resources table tr :first-child {
	text-align: left;
}
.order-viewport .resources .res_type {
	width: 130px;
}
.order-viewport .resources .res_type a {
  
	font-size: 12px;
	color: #999;
}
.order-viewport .resources .res_type .detail {
	margin: 0;
	color: #3b3b3b;
	font-size: 13px;
}
.zone-switcher, .currency-switcher, .zone-area {
	position: relative;
	padding: 3px 0;
	clear: both;
	height: 36px;
	background: #353644;
}
.zone-switcher:hover, .currency-switcher:hover, .zone-area:hover {
	background: #30313d;
}
.current-zone, .current-currency {
	line-height: 30px;
	color: #eee;
	position: relative;
	display: block;
	height: 36px;
	cursor: pointer;
	font-size: 16px;
}
.current-zone:hover, .current-currency:hover {
	color: #fff;
}
.current-zone.pek2 .fa, .current-currency.pek2 .fa {
	color: #5ec1f8;
}
.current-zone .fa, .current-currency .fa {
	padding: 0 8px 0 13px;
	font-size: 22px;
	vertical-align: inherit;
}

.panel-inner .slider.slider-horizontal {
	width: 400px;
	height: 20px;
}
.panel-inner .slider {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.panel-inner .slider.slider-horizontal .slider-track {
	height: 20px;
	width: 100%;
	margin-top: -5px;
	top: 50%;
	left: 0;
}
.panel-inner .slider-track {
	position: absolute;
	cursor: pointer;
	background-color: #eee;
	background-repeat: repeat-x;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.panel-inner .slider.slider-horizontal .slider-selection {
	height: 100%;
	top: 0;
	bottom: 0;
}
.panel-inner .slider-selection {
	position: absolute;
	background-color: #EEF7FF;
	box-sizing: border-box;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.panel-inner .slider.slider-horizontal .slider-handle {
	margin-left: -10px;
	margin-top: -6px;
}
.panel-inner .slider-handle {
	position: absolute;
	width: 20px;
	height: 30px;
	background-color: #298EEA;
	border-radius: 2px;
}
.panel input[type=text] {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 7px;
	background: #fff;
	border-radius: 3px;
	font-size: 14px;
	line-height: 16px;
	color: #555;
	vertical-align: middle;
}
.order-bandwidth .panel-inner,
.order-disk .panel-inner,
.order-ips .panel-inner {
	padding: 40px 0 10px;
	margin: 0 0 0 80px;
}
.order-bandwidth .panel-inner .preview,
.order-disk .panel-inner .preview,
.order-ips .panel-inner .preview {
	margin-left: 10px;
}
.order-bandwidth .panel-inner .mini,
.order-disk .panel-inner .mini,
.order-ips .panel-inner .mini {
	width: 50px;
}

.order-bandwidth .panel-inner .help.inline,
.order-disk .panel-inner .help.inline,
.order-ips .panel-inner .help.inline {
	display: inline-block;
	line-height: 35px;
	vertical-align: middle;
	padding: 0 10px;
}
.order-bandwidth .panel-inner .help,
.order-disk .panel-inner .help,
.order-ips .panel-inner .help {
	color: #999;
	font-style: italic;
}
.order-bandwidth .panel-inner .help.range,
.order-disk .panel-inner .help.range,
.order-ips .panel-inner .help.range {
	display: block;
	padding: 10px 0;
	width: 410px;
	text-align: center;
}
.order-bandwidth .panel-inner .tooltip.top,
.order-disk .panel-inner .tooltip.top,
.order-ips .panel-inner .tooltip.top ,
.order-buytime .panel-inner .tooltip.top {
	display: none;
}

.order-plan .nav-tabs {
	margin-bottom: 50px;
}
.order-plan .nav>li>a {
	padding: 10px 40px;
	font-weight: bold;
	font-size: 16px;
}
.order-plan .nav-tabs>li.active>a,
.order-plan .nav-tabs>li.active>a:focus,
.order-plan .nav-tabs>li.active>a:hover {
	border-top: 2px solid #328DDB;
}
.order-plan .nav>li.right {
	float: right;
}

.panel .domains .form-control {
	padding: 10px;
	font-size: 18px;
	height: 48px;
	line-height: 1.5;
	width: 83%;
	border-radius: 4px;
}
.panel .domains .select-control {
	padding: 10px;
	font-size: 18px;
	height: 48px;
	line-height: 1.5;
	display: inline-block;
	border: 1px solid #CCC;
	background-color: #FFF;
	vertical-align: middle;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
 


/* TIMELINE */
.timeline {
 	position: relative; padding: 1em 0 3em;
	}	
.event {
	position: relative; padding: 0 1em 4em 2.4em;
	}
    .event:before { 
        content : ""; position: absolute; top: 10px; bottom: -10px; left: 12px; width: 3px; background: #2F8DDF;
        }
    .event:after { 
        content : ""; position: absolute; top: 4px; left: 7px; width: 12px; height: 12px; border: 3px solid #2379BD; outline : 4px solid #fff; border-radius: 50%; background: #fff;
        }
	.event.current:after {
        border-color: #2F8DDF;
		}
    .event h2 {
 		margin-left: .6em; margin-bottom: .4em; font-size: 1.9em; font-weight: 400; letter-spacing: 1px;
		}
    .event [class*="pw-icon-"] {
        display: block; text-align: center; font-size: 16px; position: absolute; top: -5px; left: -8px; width: 42px; line-height: 37px; margin: 0;  z-index: 120; color: #DAD8D1; border: 3px solid #E9E6DF; background: #fff; border-radius: 50%; outline : 4px solid #fff;
        }
    .event [class*="pw-icon-"]:before {
        margin:0; 
        }	
	.event .date {
        display: block; color: #333; font-size: 1.4em;
		}
	.timeline .event:last-child {
		padding-bottom: 0;
		}
    .timeline .event:last-child:before {
        bottom: 4px;
		}
	.event h4 {
		margin: 0; padding: 0;
		}
	.event p {
		margin: .4em 0;color: #666;
		}
    .event p:last-child {
		margin-bottom: 0;
		}
.event .fa {
  font-size: 22px;
  top: -12px;
  left: -14px;
  width: 52px;
  line-height: 46px;
  margin: 0;
  z-index: 120;
}
.event .fa {
  display: block;
  text-align: center;
  font-size: 16px;
  position: absolute;
  top: -5px;
  left: -8px;
  width: 42px;
  line-height: 37px;
  margin: 0;
  z-index: 120;
  color: #2F8DDF;
  border: 3px solid #2F8DDF;
  background: #fff;
  border-radius: 50%;
  outline: 4px solid #fff;
}

.dotbg {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHElEQVQIW2O8d+/efyUlJUYGKIAzMARgKjFUAABhxQgFGizRuwAAAABJRU5ErkJggg==");
	background-repeat: repeat;
	background-color: #fefefe;
	padding: 15px;
}

.dotbg .dotbg-inner {
	padding: 15px;
	background-color: #FFF;
}

.section-break-new.left-to-right {
	background-color: #FFF;
	background-image: -webkit-linear-gradient(right,#FFF,#dedede);
	background-image: linear-gradient(to left,#FFF,#dedede);
}
.section-break-new.size-md {
	margin-top: 30px;
	margin-bottom: 30px;
}
.section-break-new {
	display: block;
	height: 1px;
	width: 100%;
}



.table-responsive>table {
	background-color:#fff;
	width:100%;
	max-width:100%;
	margin-bottom:0;
	border-collapse:collapse;
	border-spacing:0;
}

.table-responsive>table tr td {
	white-space:nowrap;
}

table.style-0 thead tr {
	border-bottom:0;
}
table.style-0.text-center thead tr th,
table.style-1.text-center thead tr th,
table.style-2.text-center thead tr th,
table.style-3.text-center thead tr th,
table.style-4.text-center thead tr th {
	text-align: center;
}
table.style-0 thead tr th {
	background-color:#c2c7cc;
	color:#FFF;
}

table.style-0 tbody tr th {
	background-color:#ecedef;
}

table.style-0 thead tr th,table.style-0 tbody tr th,table.style-0 tbody tr td {
	padding:10px;
}

table.style-0 tbody tr th {
	width:100px;
}

table.style-0 tbody tr td {
	border-bottom:1px solid rgba(166,174,181,0.3);
}

table.style-0 tbody tr:last-of-type td {
	border-bottom:0;
}

table.style-0 tbody tr:nth-of-type(odd) {
	background-color:#FFF;
}

table.style-0 tbody tr:nth-of-type(even) {
	background-color:#f5f6f7;
}

table.style-1 thead tr {
	border-bottom:1px solid rgba(166,174,181,0.3);
}

table.style-1 tbody tr:nth-of-type(even) {
	background-color:rgba(166,174,181,0.09);
}

table.style-1 thead tr th {
	padding:15px 10px;
}

table.style-1 tbody tr th,table.style-1 tbody tr td {
	padding:10px;
}

table.style-1 tbody tr th {
	border-right:1px solid rgba(166,174,181,0.3);
}

table.style-2 {
	border:1px solid rgba(166,174,181,0.3);
}

table.style-2 thead tr {
	border-bottom:0;
}

table.style-2 thead tr th {
	background-color:#f9f9f9;
	color:#222;
	border-bottom:1px solid rgba(166,174,181,0.3);
}

table.style-2 tbody tr th {
	background-color:#FFF;
}

table.style-2 tbody tr th,table.style-2 tbody tr td {
	padding:15px 0;
}

table.style-2 thead tr th {
	padding:15px 10px;
}

table.style-2 tbody tr th {
	width:250px;
}

table.style-2 tbody tr {
	border-bottom:1px solid rgba(208,212,216,0.3);
}

table.style-2 tbody tr td {
	border-right:1px solid rgba(208,212,216,0.3);
}

table.style-2 tbody tr td:last-of-type {
	border-right:0;
}

table.style-2 tbody tr:last-of-type {
	border-bottom:0;
}

table.style-2 tbody tr:nth-of-type(odd) {
	background-color:#FFF;
}

table.style-2 tbody tr:nth-of-type(even) {
	background-color:#FFF;
}

table.style-3 {
	border:1px solid rgba(166,174,181,0.3);
}

table.style-3 thead tr {
	border-bottom:1px solid rgba(222,225,227,0.3);
}

table.style-3 tbody tr {
	border-bottom:1px solid rgba(236,237,239,0.3);
}

table.style-3 tbody tr:last-of-type {
	border-bottom:0;
}

table.style-4 {
	background-color:#FFF;
}

table.style-4 tr:nth-of-type(odd) {
	border-bottom:1px solid #e5e5e5;
}

table.style-4 th {
	border-right:1px solid #e5e5e5;
	background-color:#f9f9f9;
}

table.style-4 th h4 {
	color:#4e8ef8!important;
	width:100px;
}

table.style-4 td {
	border-right:1px solid #e5e5e5;
	width:20%;
}

table.style-4 td:last-of-type {
	border-right:0;
}

.zizhi-main .main {
	padding: 15px;
	border: 2px solid #EEE;
	border-radius: 4px;
	margin-bottom: 30px;
}
.tos-main p {
	padding-bottom: 15px !important;
}

















/* Demo */
.demo .row {
	margin-bottom: 30px;
}
.demo .main {
	padding: 15px;
	border-radius: 4px;
	background-color: #F4F6F8;
}

/* BootStrap 3 */
.alert {
	padding: 10px 15px;
}









/* Bottom */
.call-to-action {
	/*background-color: #3389E4;
	background-image: url(/images/call-to-action.png);
	background-size: 60%;*/
	background: #1e88e5;
	background-position: center bottom;
	background-repeat: repeat-x;
}
.call-to-action .container {
	padding-top: 30px;
	padding-bottom: 30px;
}
.call-to-action p {
	color: #FFF;
	font-size: 24px;
	line-height: 46px;
	float: left;
}
.call-to-action .btn {
	float: right;
}

.foot {
	background-color: #212121;
}
.foot h4 {
	color: #FFF;
	font-size: 16px;
	margin-bottom: 10px;
}
.foot a {
	color: #999;
}
.foot .phone .fa {
	margin-right: 5px;
}
.foot .phone {
	color: #999;
	font-size: 16px;
	font-weight: bold;
}
.foot .btn-green {
	margin: 5px 0;
	padding: 5px 12px;
	color: #EEE;
	background-color: #339E60;
}
.foot .btn-green .fa {
	margin-left: 5px;
	color: #DDD;
}
.foot .links {
	max-height: 140px;
	overflow: hidden;
}

footer {
    background-color: #212121;
}

footer .copy {
	color: #737373;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 0;
	float: left;
}
footer .copy span {
	color: #777;
	margin: 0 10px;
}
footer .footer-link {
  color: #FFF;
  font-style: 400;
}
.cd-top {
	width: 30px;
	height: 30px;
	border-radius: 5px;
	background-color: rgba(0, 0, 0, 0.70);
    display: inline-block;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
	color: white;
    overflow: hidden;
    white-space: nowrap;
    visibility: hidden;
    text-align: center;
    opacity: 0;
    z-index: 9999;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.cd-top .fa {
	color: #FFF;
	font-size: 1.5em;
	line-height: 2;
	transform:rotate(-45deg)
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}

.cd-top.cd-fade-out {
    /* å¦‚æžœç”¨æˆ·ç»§ç»­å‘ä¸‹æ»šåŠ¨,è¿™ä¸ªæŒ‰é’®çš„é€æ˜Žåº¦ä¼šå˜å¾—æ›´ä½Ž */
    
    opacity: .5;
}

.no-touch .cd-top:hover {
    background-color: #e86256;
    opacity: 1;
}

@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}

@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 40px;
        width: 40px;
        right: 30px;
        bottom: 30px;
    }
}
.one_half {
	float: left;
	width: 48%;
	margin-right: 4%;
}
.last {
	margin-right: 0 !important;
	clear: right;
}
ul.footer_social_links {
	float: right;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
.footer_social_links li {
	float: left;
	padding: 0px 10px;
	border-left: 2px solid #404040;
	list-style: none;
	line-height: 20px;
	margin-top: 5px;
}
.footer_social_links li:first-child {
	border-left: 0;
}
.footer_social_links a {
	margin-top: 10px;
	font-size: 14px;
	color: #999;
	text-align: right;
}
.footer_social_links a:hover {
	color: #eee;
}
 
 
 

.index_new_nav{position: fixed;right: 40px;height: 110px;top: 40%;margin-top: -60px;z-index: 10;width: 16px; font-size: 18px; line-height: 22px;}
.index_new_nav .index_nav_link{display: block;background: url(/images/860.png) 0 0 no-repeat;}
.index_new_nav .index_nav_qq{background-position: 0 0;margin: 0 auto 15px; width: 44px; height: 44px; color: #97b4d7}
.index_new_nav .index_nav_phone{width: 44px; height: 44px; color: #97b4d7;background-position: 0 -45px;margin: 0 auto 15px;}
.index_new_nav .index_nav_apply{width: 44px; height: 44px; color: #97b4d7; background-position: 0 -90px;margin: 0 auto 15px;}
.index_new_nav .index_nav_qrcode{width: 44px; height: 44px; color: #97b4d7;background-position: 0 -135px;margin: 0 auto 15px;}
.index_new_nav .index_nav_qq_words{background-position: 0 -180px;margin: 0 auto 15px; width: 44px; height: 44px; color: #97b4d7}
.index_new_nav .index_nav_phone_words{background-position: 0 -225px;margin: 0 auto 15px; width: 44px; height: 44px; color: #97b4d7}
.index_new_nav .index_nav_apply_words{background-position: 0 -270px;margin: 0 auto 15px; width: 44px; height: 44px; color: #97b4d7}
.index_new_nav .mouse_over_word{background-color: #ffffff;}
.index_new_nav .phone_tip{width:150px; height:38px; float:left; background-color: #207ece; color: white; margin-left: -165px;text-align: center;margin-top: 7px;border-radius: 3px;position: relative;}
.index_new_nav .phone_tip .tip_phone_num{font-size: 16px; line-height: 38px;}
.index_new_nav .qrcode_tip{float:left; background-color: #207ece; color: white; margin-left: -122px;text-align: center;margin-top: -23px;border-radius: 2px;padding: 6px; position: relative;}
.index_new_nav .qrcode_tip img{width: 92px;}
.index_new_nav .phone_tip:after{display: block;content: " ";width: 0;line-height: 0;font-size: 0;border-style: solid;position: absolute;left: 100%;top: 50%;margin-top: -6px;border-width: 6px 7px;	border-color: transparent transparent transparent #207ece;}
.index_new_nav .qrcode_tip:after{display: block;content: " ";width: 0;line-height: 0;font-size: 0;border-style: solid;position: absolute;left: 100%;top: 50%;margin-top: -9px;border-width: 6px 7px;border-color: transparent transparent transparent #207ece;}
.index_new_nav .index_nav_doc{background-position: -50px 0;width: 50px;height: 50px;margin: 0 auto 2px;}
.index_new_nav .index_nav_doc.cur{background-position: center -25px;}
.index_new_nav .index_nav_doc.cur{background-position: center -25px;}
.index_new_nav p{font: 12px/1.5 "Microsoft YaHei","lucida Grande",Verdana;padding: 0; margin: 0;}


.screen_1920 .index_new_nav{position: fixed;right: 40px;height: 110px;top: 40%;margin-top: -60px;z-index: 10;width: 16px; font-size: 18px; line-height: 22px;}
.screen_1920 .index_new_nav .index_nav_link{display: block;background: url(/images/975.png) 0 0 no-repeat;}
.screen_1920 .index_new_nav .index_nav_qq{background-position: 0 0;margin: 0 auto 15px; width: 50px; height: 50px; color: #97b4d7}
.screen_1920 .index_new_nav .index_nav_phone{width: 50px; height: 50px; color: #97b4d7;background-position: 0 -51px;margin: 0 auto 15px;}
.screen_1920 .index_new_nav .index_nav_apply{width: 50px; height: 50px; color: #97b4d7; background-position: 0 -102px;margin: 0 auto 15px;}
.screen_1920 .index_new_nav .index_nav_qrcode{width: 50px; height: 50px; color: #97b4d7;background-position: 0 -153px;margin: 0 auto 15px;}
.screen_1920 .index_new_nav .index_nav_qq_words{background-position: 0 -204px;margin: 0 auto 15px; width: 50px; height: 50px; color: #97b4d7}
.screen_1920 .index_new_nav .index_nav_phone_words{background-position: 0 -255px;margin: 0 auto 15px; width: 50px; height: 50px; color: #97b4d7}
.screen_1920 .index_new_nav .index_nav_apply_words{background-position: 0 -306px;margin: 0 auto 15px; width: 50px; height: 50px; color: #97b4d7}
.screen_1920 .index_new_nav .phone_tip{width:137px; height:38px; float:left; background-color: #207ece; color: white; margin-left: -155px;text-align: center;margin-top: 7px;border-radius: 3px;position: relative;}
.screen_1920 .index_new_nav .phone_tip .tip_phone_num{font-size: 16px; line-height: 38px;}
.screen_1920 .index_new_nav .qrcode_tip{float:left; background-color: #207ece; color: white; margin-left: -122px;text-align: center;margin-top: -23px;border-radius: 2px;padding: 6px;height: 92px; position: relative;}
.screen_1920 .index_new_nav .qrcode_tip img{width: 92px;}
.screen_1920 .index_new_nav .phone_tip:after{display: block;content: " ";width: 0;line-height: 0;font-size: 0;border-style: solid;position: absolute;left: 100%;top: 50%;margin-top: -6px;border-width: 6px 7px;	border-color: transparent transparent transparent #207ece;}
.screen_1920 .index_new_nav .qrcode_tip:after{display: block;content: " ";width: 0;line-height: 0;font-size: 0;border-style: solid;position: absolute;left: 100%;top: 50%;margin-top: -9px;border-width: 6px 7px;border-color: transparent transparent transparent #207ece;}
.screen_1920 .index_new_nav .index_nav_doc{background-position: -50px 0;width: 50px;height: 50px;margin: 0 auto 2px;}
.screen_1920 .index_new_nav .index_nav_doc.cur{background-position: center -25px;}




.maps-slider h2 {
	display: inline-block;
	font-size: 22px;
}
.maps-slider h2 span {
	font-size: 18px;
    color: #FFF;
    font-weight: bold;
    margin: 0 5px;
    background-color: #2F8DDF;
    padding: 3px 7px;
}
.maps-slider p {
	display: inline-block;
	color: #BEC1CB;
	font-size: 18px;
	margin-bottom: 5px;
}
.maps-title h1 {
	margin-bottom: 0;
}
.maps-main .row > div {
    margin-bottom: 30px;
    float: inherit;
    display: inline-block;
    vertical-align: top;
    width: 24%;
}
.maps-main.onecol .row > div,
.maps-main.onecol dl {
	margin-bottom: 0;
}
.maps-main dt,
.maps-main.onecol dd a {
	font-weight: bold;
    color: #0071bf;
    font-size: 18px;
    margin-bottom: 5px;
}
.maps-main dd {
    line-height: 25px;
}
.maps-main dd a {
    color: #292929;
	font-weight: bold;
}

.checkdomainget{
margin-top:20px;
padding-left:0px;


}

.clearfix
{
	display:block;
	
}


/*400ç”µè¯*/
tel-plans .container .row .main{border-left:1px #EBEBEB solid;border-right:1px #EBEBEB solid;border-bottom:1px #EBEBEB solid; text-align:center;border-radius:3px;}
.table1{line-height:40px;border-radius:5px;}
.table1 th{text-align:center;background:#fff;border:1px #f5f5f5 solid;color:#555;}
.table1 td{text-align:center;background:#fff;border:1px #f5f5f5 solid;color:#808080;}

.tel-xh{background:url(/images/400tel/xhbg.jpg) no-repeat;color:#808080;}
.tel-xh .choice tr td:hover{background:#5FC5D5;}
.tel-xh .choice table,.tel-xh .choice table td,.tel-xh .choice table tr{border:1px #ddd dotted;}



/*ä¼ä¸šé‚®ç®±*/
.slideBox{ width:100%;  overflow:hidden; position:relative;}
.slideBox .hd{ width:100%;height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1;width: 120px; margin:0 auto;}
.slideBox .hd ul li{ float:left; margin-right:2px;  width:12px; height:12px; line-height:14px; text-align:center; background:#fff; cursor:pointer; list-style:none;border-radius:10px;margin-left:3px; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; list-style:none;}
.slideBox .bd img{ width:100%; height:100%; display:block;  }


.title_panel{border-bottom:#98BFE2 1px solid;padding: 40px 0 14px 0;margin: 0 39px;color:#fff;}

.free_version{background:#317FC6;box-shadow: 0 0 12px rgba(0, 0, 0, 0.3); text-align:center;}
.advantage_desc{opacity: 0.8;color:#fff;}
.middle_panel{padding: 18px 0;}
.big_btn,.big_btn1,.big_btn2{width: 194px;height: 48px;display: inline-block;border: #FFF 1px solid;border-radius: 9px;font-size: 20px;color: #FFF;line-height: 46px;text-decoration: none;}
.big_btn:hover{background-color: #2872B5;border: #98BFE2 1px solid;opacity: 0.8;filter: Alpha(Opacity=80);color:#fff;}
.big_btn1:hover{background-color: #40BB77;border: #A7E1C1 1px solid;opacity: 0.8;filter: Alpha(Opacity=80);color:#fff;}
.big_btn2:hover{background-color: #5F5094;border: #B5ADD0 1px solid;opacity: 0.8;filter: Alpha(Opacity=80);color:#fff;}
.bottom_panel{background:#fff;box-shadow: 0 0 12px rgba(0, 0, 0, 0.3); }
.bottom_panel ul li{ color:#808080;line-height:30px;}
.bottom_panel ul{padding: 30px 0 40px 0;padding-left: 90px;padding-right: 55px;}
.open_panel{padding:10px 0 40px 0;}
.trial_panel a{color: #FFF;font-size: 12px;display: block;}
.mail-price{font-size: 18px;padding: 18px 0;display: inline-block;min-height: 21px;color:#fff;margin-top:20px;}
.price_num{font-size:40px;}






/*ssl*/
    
    .ssl-cp .row table{}
	.ssl-cp .row table tr th{/*background:#3ba3ff;*/color: #333;border-left: 0;border-right:1px #f2f2f2 solid; height: 60px; }
	.ssl-cp .row table b{color: #333; font-size: 16px;}
	.ssl-cp .row table tr td span{background:#1e88e5;color: #fff;padding: 5px 10px 5px 10px;border-radius: 3px;}
	.ssl-cp .row table tr td span:hover{background:#3ba3ff;}
.ssl-cp	.form-control {
    outline: 0!important;
    margin-top: -40px;
    border-color: #eee;
}
.ssl-cp .row table tr td{line-height: 55px;}
.ssl-cp .btn, .form-control {
    box-shadow: none!important;
}
.ssl-cp h4{height: 4px;background: #68CAEA;border-radius: 1px 1px 0 0;padding-bottom: 0;margin-bottom: 0;}
.ssl-cp .table1 th{border-top: 0;}


.ssl-cp .plan1{background: #fff;border: 0;border-radius: 0;padding: 0 0 30px 0;}
.ssl-cp .plan1:hover{background: #fff;}
.ssl-cp .plan1 ul li{list-style: none;}

.ssl-cp  .col-md-3{padding: 0;border-left: 1px #eee solid;}

.ssl-cp  .ssl-text{line-height: 24px;color: #888;}


.ssl-cp  .plan-title{background: #fff; color: #333;border-bottom: 1px #eee dotted;padding: 30px 0 25px 0; margin: 0 20px;}
.ssl-cp  .plan-title h3{color: #555 !important;}

/*
.ssl-cp  .plan-title:hover{background:#68CAEA;color: #fff;padding: 30px 0; }
.ssl-cp  .plan-title h3:hover{color: #fff;}*/
.ssl-cp  .item-list{padding: 20px 0 !important;}
.ssl-cp   h3{font-size: 18px;}
.ssl-cp  .btn-success{    background: #1e88e5;
    border-radius: 3px;
    border-color: #1e88e5;
    width: 200px;}
    
.ssl-cp     .ssl-bt{font-size: 20px;}

.ssl-show {padding: 80px 0;}
.ssl-show .container h2{font-size: 30px;margin-top: 20px;}
.ssl-show .container  .col-sm-6{padding-right: 0;line-height: 26px;}
.ssl-show .container  .col-sm-5 img{width: 95%;float: right;}


.ssl-show .container .tdimg {
    border: 1px #ddd solid;
    border-radius: 5px;
    text-align: center;
    padding: 20px 0 20px 0;
}
.ssl-show .container .tdimg p{padding-top: 15px;}
.ssl-show .container .col-xs-4{margin-top: 20px;}




/*idc-da*/
.idc-da-client .nav-tabs>li{float: none !important;}
	.idc-da-client .nav-tabs{border-bottom: 0;padding-top: 30px}
	.idc-da-client table{font-size: 12px;}
	.idc-da-client table tr td {
    line-height: 20px;
    padding-left: 10px;
    border-bottom: 1px #eee solid;
    border-top: 0;}
    .idc-da-client .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #eee !important;
    border-right-color: transparent !important;
    border-left: 2px #1e88e5 solid !important;
    }
    .idc-da-client .nav-tabs>li>a:hover{border-color:#fff;border-top:1px solid #eee;}
    .idc-da-client .nav-tabs>li>a{border-radius: 0;    margin-right: -2px;font-size: 14px;font-weight: bold;color: #333;line-height: 30px;}
    .idc-da-client .table>thead>tr>th{background: #f8f8f8;border-bottom:0;}
    
    .idc-da-client .csbt{border-right: 1px #eee solid;border-left: 0;}
    
    .idc-da-client .container .row{border: 1px #eee solid;height: 330px;margin: 0px}
    .idc-da-client .container .row.col-sm-12{padding: 0;}
    .idc-da-client .col-sm-3{border-right: 1px #eee solid;padding-right: 0;min-height: 329px;}
    .idc-da-client .tab-content{padding:30px;line-height: 28px;}
    
    
    .idc-da-demo .list-group{border-top: 1px #f2f2f2 solid;border-bottom: 1px #f2f2f2 solid;padding-top: 20px;padding-bottom: 20px;}
    .idc-da-demo a.btn-buy {
    color: #FFF;
    width: 100%;
    padding: 10px 20px;
    /* background-color: #5CB85C; */
    background-color: #1e88e5;
}
    
    .idc-da-gl .header-idc-da{padding-bottom: 50px;text-align: center;padding-bottom: 80px;}
.idc-da-gl .header-idc-da h2{font-size:30px;font-weight: normal;  }
.idc-da-gl .header-idc-da p{font-size: 15px;}

.idc-da-gl{margin: 80px 0 80px 0; border: 0;}
.idc-da-gl h2{font-size: 14px;font-weight: bold;}
.idc-da-gl .col-xs-2{padding: 0;margin: 0;}
.title{font-size: 30px;text-align: center;padding-bottom: 80px; color: #000;}    
.idc-da-gl .col-xs-10 h2{padding-bottom: 0;margin-bottom: 0;}
.idc-da-gl .col-xs-10 p{padding-top: 8px; line-height: 22px;}
    
    
    
    
    
    
/*---------------idc-whmcs--------------*/

/*ç¬¬äºŒéƒ¨åˆ†*/
.idc-whmcs-demo{background: linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);}
.idc-whmcs-demo .header h2{color: #fff;}
.idc-whmcs-demo .header p{color: rgba(196, 227, 255, 0.8);}
.idc-whmcs-demo .row  h4 {
    height: 4px;
    background: linear-gradient(45deg, #68CAEA 1%, #68CAEA 65%, #68CAEA 90%);
    border-radius: 1px 1px 0 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.idc-whmcs-demo thead tr th{padding: 20px 0;}
.idc-whmcs-demo thead tr th span{font-weight: normal;}
.idc-whmcs-demo thead tr th p{padding-top: 10px;}
.idc-whmcs-demo table tr{background: #fff;height: 50px;}
.idc-whmcs-demo table tr th{text-align: center;border-bottom: 1px #eee solid !important;border-right: 1px #eee solid;}
.idc-whmcs-demo table tr td{line-height: 40px;text-align: center;border-right: 1px #eee solid;border-bottom: 1px #eee solid; }
.idc-whmcs-demo .table>tbody>tr>td{border-color: #eee;background: #fff;}
.idc-whmcs-demo .table>tbody>tr>td a{padding: 3px 30px;}
.idc-whmcs-demo table tr b{font-size: 16px; color: #1e88e5;}
.idc-whmcs-demo table dg{line-height: 60px;}


/*ä½ å¯èƒ½æƒ³è¦*/
.idc-whmcs-gl{margin: 80px 0;}
.idc-whmcs-gl .col-sm-4 {border-left:1px #f2f2f2 solid;padding: 30px;text-align: center;}
.idc-whmcs-gl .waper-page3-bom{ left:0; bottom:0;  overflow:hidden;}
.idc-whmcs-gl .waper-page3-bom ul{  display:table; margin-bottom: 0;padding: 0;width: 100%;}
.idc-whmcs-gl .waper-page3-bom ul li{    position:relative;list-style: none;}
.idc-whmcs-gl .waper-page3-bom ul li .kg1{  display:table;  left:0; top:0; z-index:0;margin: 0 auto;}
.idc-whmcs-gl .waper-page3-bom ul li .kg1 .wen{  font-size:15px; color:#000; margin:20px auto 0; line-height:22px;text-align: center;}
.idc-whmcs-gl .waper-page3-bom ul li .kg1 .wen span{color: #888;display: block;}
.idc-whmcs-gl .waper-page3-bom ul li .kg1 .wen p{padding-top: 10px;color: #888;}
.idc-whmcs-gl .waper-page3-bom ul li .kg1 .wen p b{color: #1e88e5;font-weight: bold;}
.idc-whmcs-gl .waper-page3-bom ul li .kg2{height:206px; background-color:#9F0216; position:absolute; left:0; top:307px; z-index:1;padding:5px 20px;text-align: left;}
.idc-whmcs-gl .waper-page3-bom ul li .kg2 .logk2{ width:177px; height:52px; margin:20px auto 0;}

    
.idc-whmcs-gl .waper-page3-bom ul li .kg2 .wen2{  font-size:14px; color:#fff; margin:20px auto 0; line-height:22px;}
.idc-whmcs-gl .waper-page3-bom ul li .kg2 .wen2 .col-sm-6{padding: 0;}
.idc-whmcs-gl .waper-page3-bom ul li .kg2 .wen2 em{ display:block;  height:2px; background-color:#fff; margin-top:20px;width: 20%}
.idc-whmcs-gl .waper-page3-bom ul li .kg2 .paper{ margin:20px auto 0; font-size:13px; color:#fff; line-height:23px;}
.idc-whmcs-gl .waper-page3-bom ul li .kg2{ background-color:#1e88e5;}
.idc-whmcs-gl .waper-page3-bom ul li.new1{opacity:0;-webkit-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
.idc-whmcs-gl .section3 .waper-page3-bom ul li.new2,
.idc-whmcs-gl .section3 .waper-page3-bom ul li.new3,
.idc-whmcs-gl .section3 .waper-page3-bom ul li.new4,
.idc-whmcs-gl .section3 .waper-page3-bom ul li.new5{ margin-top:306px; margin-left:80px;opacity:0;-webkit-opacity:0;-moz-opacity:0;filter:alpha(opacity=0);border-radius: 1px #f2f2f2 solid;}

.idc-whmcs-gl .waper-page3-bom .more{border: 1px #fff solid;padding: 5 10px;border-radius: 3px;width: 100px;margin: 0 auto;}
 .idc-whmcs-gl .waper-page3-bom .kg2 .wen2 p{text-align: left;}
.idc-whmcs-gl .waper-page3-bom .kg2 a{color: #fff; text-align: center; }
 
 
 .idc-whmcs-gn{padding: 80px 0;}
 .idc-whmcs-gn p{line-height: 26px;}   
 
 
 .idc-whmcs-jkzc{background: linear-gradient(45deg, #0B4182 1%, #1e88e5 64%, #40BAF5 97%);padding: 60px 0;height: 360px;}
 .idc-whmcs-jkzc .carousel-indicators{bottom: -50px;}
 .idc-whmcs-jkzc .carousel-indicators li{border: 0;}
 .idc-whmcs-jkzc  .carousel-indicators .active{width: 10px;height: 10px;background-color: rgba(196, 227, 255, 0.8)}
 
.idc-whmcs-jkzc .carousel-indicators li{background-color:#fff;}
.idc-whmcs-jkzc .carousel-inner{text-align:center;}
.idc-whmcs-jkzc .carousel-inner h1{margin:0 auto;width:70px;height:70px;border:2px rgba(196, 227, 255, 0.8) solid;padding:10px 15px;border-radius: 50%;margin-bottom: 20px;}

.idc-whmcs-jkzc p{padding:5px 10px;color: #fff;line-height: 30px;height: 70px;}
.idc-whmcs-jkzc h2{font-size: 16px;color: #fff;font-weight: bold;}
.idc-whmcs-jkzc .col-sm-2{width: 20%;}
		 
		 
		 
.idc-whmcs-great{padding: 100px 0;}
.idc-whmcs-great .list-unstyled{line-height: 30px; padding-top: 20px;color: #888}
.idc-whmcs-great .col-sm-7{padding-left: 45px; padding-top: 5px;}
.idc-whmcs-great .list-unstyled li:before {
    float: left;
    content: '';
    width: 10px;
    height: 10px;
    margin-top: 8px;
    margin-right: 10px;
    border-radius: 50px;
    background-color: #1e88e5;
}

.idc-whmcs-great .list-unstyled li span{color: #333}





/*å¾®ä¿¡æ”¯ä»˜æ’ä»¶*/

.weixin-why .col-sm-6 p{line-height: 30px;}




.weixin-cp .row2 .left{background:#fff;border-left: 0;border-radius: 2px 0  0 2px!important;}

.weixin-cp .row2 .left .content p{border:1px #ddd dashed;color: #808080;text-align: center;padding: 8px;margin:5px 0 0 0;}
.weixin-cp .row2 .left .content .col-sm-2{padding-left: 10px;padding-right: 10px;}
.weixin-cp .row2 .right h2{font-size: 20px;color: #fff;font-weight: normal; text-align: center;font-weight: bold;}
.weixin-cp .row2 .right{background:#14ca5b;color: #fff; }
.weixin-cp .left{overflow: hidden;
    position: relative;background: #1e88e5;padding:40px 30px 30px 40px;height: 190px;border-radius: 0  2px 2px 0 ;}
.weixin-cp .left .zt{padding-left: 10px;font-size: 15px;padding-bottom: 15px;}
.weixin-cp .left .zy{font-size: 13px;color: #888;}
.weixin-cp .right{height: 190px;padding-top: 60px;border-radius:  0 3px 3px 0;background: #fff; }
.weixin-cp .txt{text-align: center;font-size: 18px;padding: 0 0 20px 0;}
.weixin-cp .kt{background: #fff;padding:4px 0px;border-radius: 3px;width:100px;margin: 0 auto; text-align: center;color:#14ca5b;font-weight: bold; font-size: 14px;}
.weixin-cp .row2 .right.col-sm-2{width: 17%;}
.weixin-cp .row2 .left.col-sm-10{width: 83%;}



.jt_sm{position: relative;color: #fff;text-align: center;padding-bottom: 50px;padding-top: 10px;}
.jt_sm .one{position: absolute;left: 8%;}
.jt_sm .two{position: absolute;left: 41%;}
.jt_sm .three{position: absolute;left: 67%;}
.jt_sm .four{position: absolute;left: 87%;}
.jt_sm b{letter-spacing: 2px;}








.weixin-xq .content h2{font-size: 24px;border-bottom: 1px #f2f2f2 solid;padding-bottom: 18px;color: #999;}

.weixin-xq .col-sm-4{padding-left: 60px;padding-right: 0;}

.weixin-xq .content p{line-height: 28px;color: #555;font-size: 14px !important;padding-top: 8px;}
.weixin-xq .content1{margin-top: 30px;}


.weixin-xq .kyb{border:1px #f2f2f2 solid;text-align: center;padding: 30px 0;-ms-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;transition: all 500ms ease;border-radius: 3px;}
.weixin-xq .kyb:hover{border-color: #1e88e5;}
.weixin-xq .kyb h2{font-size: 22px;margin-bottom: 10px;}
.weixin-xq .kyb .kt{border:1px #f2f2f2 solid;width: 180px;margin: 0 auto;border-radius: 3px;margin-top: 10px;padding: 3px 0;color: #555}
.weixin-xq .kyb .kt:hover{background: #1e88e5;color: #fff;border-color: #1e88e5;}
.weixin-xq .kyb .kt{background: #fff;}
.weixin-xq .sqb,.weixin-xq .xtzc{margin-top: 30px;}

.weixin-xq .xtzc .col-sm-12{padding-left: 0;padding-right:0;margin-top: 15px;}
.weixin-xq .xtzc .col-sm-12 p{background: #f8f8f8;padding:4px 15px;font-size: 13px;}
.weixin-xq .xtzc h2{font-size: 15px;color: #bbb;font-weight:bold;}

.weixin-xq .fa{color: #1e88e5;font-size: 13px;}


.weixin-jt .brand-list{width:1200px;margin:15px auto 0 auto;position:relative;}
.weixin-jt .brand-list .item{position:absolute;width:202px;border:1px solid rgba(255,255,255,0.5);border-radius:3px;padding:8px;top:0;left:40%;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.weixin-jt .brand-list .item:hover{border-color: #fff;}
.weixin-jt .brand-list .additem{padding:0;width:240px;border:none;}
.weixin-jt .thumbnail{border: 0;margin-bottom: 0;border-radius: 0;}











/*----------5.24é¦–é¡µ-----------*/
.index-rj-recommend .carousel-indicators li{
	text-indent:inherit;
	width:160px;
	height:37px;
	border-radius:0;
	background:#fff;
	color:#555;
	border:1px #fff solid;
	line-height:37px;
	
	margin: 0;
    position: relative;border-radius: 2px;}
.index-rj-recommend .carousel-inner .item{height: inherit;}
.index-rj-recommend .recommend-left {width: 19%;background:linear-gradient(45deg, #07b5fb 3%, #02a0fa 55%, #118efc 91%) !important;min-height: 470px;border-radius: 3px 0 0 3px;padding: 30px 25px 0 25px;position: relative;overflow: hidden}

.index-rj-recommend .recommend-left h2{color: #fff;font-size: 25px;font-weight: bold;}
.index-rj-recommend .recommend-left h2 p{font-size: 14px;opacity: 0.5;}
.index-rj-recommend .recommend-left p{color: #fff;line-height: 24px;}
.index-rj-recommend .recommend-left img{
    position: absolute;
    bottom: -20px;
    width: 200px;
    height: 160px;
    left: 0;
    
    transition: all .5s;}
.index-rj-recommend .recommend-right{width: 27%;min-height: 431px;background: #fff}
.index-rj-recommend.ssl-cp .item-list{padding:20px 0 10px 0 !important}
.index-rj-recommend.ssl-cp .col-md-3 {border-left:0}
.index-rj-recommend.ssl-cp .ssl-bt {font-size:24px;}
.index-rj-recommend .plan-title{border-bottom: 0;padding-bottom: 10px !important}
.index-rj-recommend .recommend-right .plan1{padding:0 30px;border-right: 1px #f8f8f8 solid;min-height: 470px;}
/*.index-rj-recommend .recommend-right .plan1:hover{box-shadow:0 5px 20px -4px rgba(0,0,0,0.2);z-index:99999;border-color: #fff;}*/
.index-rj-recommend .recommend-right.last .plan1{border-right: 0;}
.index-rj-recommend .recommend-right .plan1 ul li{line-height: 24px;border-top: 1px #eee dotted;padding: 8px 0;font-size: 13px;}




.index-rj-recommend .carousel-indicators {
	top:0px;
	position:inherit
}
.index-rj-recommend .table1 {
	margin-top:60px;
}

.index-rj-recommend .carousel-indicators li.active span:after,.index-rj-recommend .carousel-indicators li.active span:hover:after{
    content: '';
    position: absolute;
    border-top: 7px solid #328DDB;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    bottom: -7px;
    left: 45%;}

.index-rj-recommend .carousel-indicators .active,.index-rj-recommend .carousel-indicators li:hover {
	background:#118efc;
	border:1px #118efc solid;
	color:#fff;
	opacity: 1;
}






.index-tui-new{position: relative}
.index-tui-new .new-mj{position: absolute;right:15px;top:5px;background: linear-gradient(70deg, #ffa909 3%, #ff9d06 55%, #ff9102 91%) !important;padding: 0px 5px;color: #fff;height: 16px;line-height: 14px;border-radius: 8px 0px 8px 0px;font-size: 6px;}
.index-rj-recommend .recommend-left ul li{margin-top: 5px;}
.index-rj-recommend .recommend-left ul li b.mj{border: 1px #fff dashed;padding: 10px;list-style: none;color: #fff;}
.index-rj-recommend .recommend-left ul{padding-left: 0;list-style: none;}

.index-rj-recommend .plan-title .new-mj{background: none;border: 1px solid #ff902d;position: absolute;right:40px;top:100px;padding: 0px 8px;color: #ff902d;height: 18px;line-height: 18px;border-radius: 8px 0px 8px 0px;font-size: 12px;font-weight: bold;}



*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
.service-side{position:fixed;width:185px;right:0;top:270px;z-index:100;}
.service-side ul li{width:185px;height:90px;float:left;position:relative;padding: 10px;margin-top:1px;}
.service-side ul li img{width: 40px;margin: 25px 15px 25px 25px;}
.service-side ul li .sidebox{position:absolute;width:185px;height:90px;top:0;right:0;transition:all 0.3s;background:#00caff;color:#fff;font:20px/54px "å¾®è½¯é›…é»‘";overflow:hidden; line-height: 95px;}
.service-side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#00caff;transition:all 0.3s;}
.service-side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.service-side ul li img{float:left;}
.service-side ul li .sidebox{border-radius:5px  0  0 5px;}




.action-btn-default{color: #76838f;
    border-color: #e4eaec;
    background-color: #e4eaec;font-size: 1.1em;
    padding: 10px 30px;
    border-radius: 3px;}





.banner-ny-top{position: relative;height: 450px;}
.banner-ny{position: absolute;top:0;width: 100%;padding-top: 180px}


.blank-slide{background:linear-gradient(45deg, #0f4c95 8%, #1e88e5 64%, #40BAF5 95%); background-size: cover;}



.header .topnav .navbar .navbar-nav{margin-left: 0;}


    .top-menu-header{background: #202124 !important; border-bottom:1px rgba(255,255,255,0.2) solid;opacity: 0.95}
    .header .topnav .navbar .navbar-nav{margin-left: 0;}


header .headnav .navbar .navbar-nav>li>a:focus,
header .headnav .navbar .navbar-nav>li>a:hover,
header .headnav .navbar .navbar-nav>.active>a,
header .headnav .navbar .navbar-nav>.active>a:focus,
header .headnav .navbar .navbar-nav>.active>a:hover {
	border-bottom:1px #fff solid;}






.tencent-products{background:none;border-bottom: 1px #eee solid}
.tencent-products ul li.active a{box-shadow: none;border-bottom: 4px #1e88e5 solid;color:#1e88e5}
.tencent-products ul li a:hover{background: none;color:#1e88e5 }
.tencent-products ul li a{width: 180px;color: #888;margin-left: 145px;font-size: 18px;}
.tencent-products .nav>li>a>img{width: 25px;}

.online-zx a{color: #1e88e5}
.online-zx .fa{font-size: 17px !important;color: #1e88e5 !important}
.qd-server{border-top: 4px #1e88e5 solid;}
.qd-server li{border: 1px #eee solid;border-top:0;text-align: center;}
.qd-server li:first-child{border-right: 0;}
.qd-server .type {
    padding-top: 60px;
    font-size: 22px;
}
 .qd-server .price {
    font-size: 40px;
    padding: 20px 0;
    color: #000;
}

.qd-server .solution {
    font-size: 28px;
    padding: 20px 0;
    color: #000;
}
.qd-server .time {
    margin-top: 4px;
    font-size: 16px;
    color: #999;
}


.qd-server .button {
    background: #0067ed;
}

 .qd-server .button {
    width: 72.66436%;
    height: 50px;
    line-height: 50px;
    margin: 60px auto;
    font-size: 18px;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
}



.qd-analysis{border-top: 4px #00cc26 solid;}
.qd-analysis .button{background: #00cc26;}

.qd-pricing{background: #f8f8f8;margin-bottom: 0 !important}
.qd-pricing h3{text-align: center;
    font-size: 28px;
    padding: 30px 0;
    margin-bottom: 0;}

.qd-lxkf{padding: 30px 15px;font-size: 18px;}
.qd-lxkf a{color:#fff;font-size:16px;background:#23c069;padding:8px 10px;border-radius:5px;}
.p-l-0{padding-left: 0 !important}
.p-r-0{padding-right: 0 !important}


.tencent-client-text{margin-top:50px;padding-left:50px;  font-size:15px;line-height:30px;}


.partner-banner {
    height: 300px;
    background: url(/images/tencent/banner-jxs.jpg) center no-repeat #1e2330;
    background-size:cover;
    margin-bottom: 0 !important;
    text-align: center
}

.partner-title{font-size: 40px;color: #fff;padding-top: 100px;padding-bottom: 50px;}
.partner-tel{font-size: 18px;color: #fff;border:1px rgba(255,255,255,0.5) solid;border-radius:3px;padding: 10px;width: 280px;margin: 0 auto}

.tencent-client-text b{color: #666}


.details{margin-top: 20px;line-height: 30px;}
.details ul li{color: #666}
.details p{font-size: 15px;}




.register-gift{
	 background: #ff8800;
    padding: 4px 5px;
    border-radius: 3px;
    font-size: 12px;
    color: #fff;
}

.hot-yhcx{color: #fff !important;font-size: 14px !important;margin-top: -3px;}











.order-viewports {
	padding: 0 15px;
}
.order-viewports.fixed {
	position: fixed;
	top: 80px;
	max-width: 360px;
}
.order-viewports .summary-wrapper {
	background: #f7f7f7;
	padding: 10px 20px;
	color: #3b3b3b;
}
.order-viewports .summary-wrapper h2 {
	text-align: center;
	margin: 0;
	font-size: 22px;
}
.order-viewports .total {
	margin-top: 0;
	padding: 20px 0 0;
	text-align: right;
	border-top: 1px solid #eee;
}
.order-viewports .total .number {
	font-size: 28px;
	color: #1e88e5;
	padding: 0 6px;
}
.order-viewports .resources .number {
	margin-right: 5px;
}
.order-viewports .total .notice {
	color: #999;
	margin: 15px 0 0;
	line-height: 1.6em;
	text-align: left;
	font-size: 12px;
}
.order-viewports .botton {
	margin-top: 20px;
	padding: 20px 0 10px;
	text-align: right;
	border-top: 1px solid #eee;
}
.order-viewports .botton .fa {
	margin-right: 5px;
	color: #FFF;
}
.order-viewports .resources table tr>td {
	text-align: right;
	padding:0;
}
.order-viewports .resources table td {
	padding: 3px 0;
	vertical-align: middle;
	border: 0;
}
.order-viewports .resources table tr :first-child {
	text-align: left;
}
.order-viewports .resources .res_type {
	width: 130px;
}
.order-viewports .resources .res_type a {
  
	font-size: 12px;
	color: #999;
}
.order-viewports .resources .res_type .detail {
	margin: 0;
	color: #000;
	font-size: 12px;
}










        @font-face {font-family: "iconfont";
          src: url('/assets/iconfont/iconfont.eot?v=1.1.3'); /* IE9*/
          src: url('/assets/iconfont/iconfont.eot#iefix?v=1.1.3') format('embedded-opentype'), /* IE6-IE8 */
          url('/assets/iconfont/iconfont.woff?v=1.1.3') format('woff'), /* chrome, firefox */
          url('/assets/iconfont/iconfont.ttf?v=1.1.3') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
          url('/assets/iconfont/iconfont.svg#iconfont?v=1.1.3') format('svg'); /* iOS 4.1- */
        }

        .iconfont.czxt {
          font-size:15px;
        }
        
.icon-centos:before { content: "\e61c"; }

.icon-ubuntu:before { content: "\e704"; }

.icon-load:before { content: "\e61f"; }

.icon-fedora:before { content: "\e6da"; }

.icon-enterprise:before { content: "\e612"; }

.icon-wrong:before { content: "\e623"; }

.icon-yes:before { content: "\e624"; }

.icon-debian:before { content: "\e63e"; }

.icon-web:before { content: "\e65f"; }

.icon-business:before { content: "\e6d0"; }

.icon-channel:before { content: "\e671"; }




/*2018.1.11*/
.dedicated-one{text-align: center;padding: 100px 0}

.dedicated-one-cont{background: #fff;padding: 20px;border-radius: 3px;border: 1px #fff solid;}
.dedicated-one-cont:hover{border-color: #1e88e5}

.dedicated-one img{height:75px}
.dedicated-one .fbt{
    zoom: 1;
    font-size: 16px;
    line-height: 1.5;
    margin-top: 20px;
    font-weight: 600;
    color: #555
    }
/*.dedicated-one .col-sm-3:before{content: "";
    position: absolute;
    right: 0;
    top: 30px;
    width: 2px;
    height:220px;
    background-color: #eaebed;} 
    
.dedicated-one .col-sm-3.last:before{    
    background-color:#f8f8f8}*/
    
.dedicated-one .ftext{font-size: 14px;text-align: center;line-height: 24px;
    color: #333;margin-top: 15px}
    
   
.dedicated-one .title h2 {
    font-size: 40px;
    margin-bottom: 0
}



.dedicated-four{padding-bottom: 30px}
.dedicated-four .title{padding-bottom: 50px}
.dedicated-four .title h2{color: #fff;font-size: 40px;
    margin-bottom: 0;}
.dedicated-four{background:#2e5ede }
.dedicated-four{background: url(/images/dedicated_case.jpg) no-repeat;background-size: cover;}

.dedicated-four .content .left .carousel-inner{background: rgba(255,255,255,0.05);height: 290px;margin-top: 5px}

.dedicated-four .content .left .carousel-inner .item{padding: 10px;padding-top: 20px;}
.dedicated-four .content .left .carousel-inner .item .thumbnail{border: 0;border-radius: 0;background: none;padding: 0}

.dedicated-four .carousel-indicators li{width: 3px;height: 3px;height: 10px;background:rgba(255,255,255,0.5);border: 0}
.dedicated-four .carousel-indicators .active{width: 3px;height: 20px;border: 0;background: #fff}
.dedicated-four .carousel-indicators{bottom: -60px;}


.p-l-8{padding-left: 8px !important}
.p-r-8{padding-right: 8px !important}

.dedicated-four .content .right ul:last-child{margin-top: 10px}
.dedicated-four .content .right ul li{color: rgba(255,255,255,0.8);}
.dedicated-four .content .right ul li p{font-weight: bold;color: rgba(255,255,255,0.9);}



.product-pri .title{padding-bottom: 0px}
.product-pri .title h2{font-size: 40px;}
.product-pri .datacenter-menu ul{width: 800px; }


.m-t-10{margin-top: 10px !important}
.dediacted-csip{padding: 80px 0;}
.dediacted-csip ul.timg{padding: 10px;margin-top: 20px}
.dediacted-csip ul.timg li {padding: 8px}
.dediacted-csip ul.timg li img{padding: 10px;background: #fff}
.dediacted-csip ul.timg li img:hover{}
.dediacted-csip ul.list-unstyled{line-height: 28px;}
.dediacted-csip ul.list-unstyled li{padding-top: 4px;color: #333}
.dediacted-csip ul.list-unstyled li span{margin-top: 5px;}

.dediacted-csip ul.list-unstyled li{position: relative;margin-left: 13px}
.dediacted-csip ul.list-unstyled li:before{
content: "";
    position: absolute;
    top: 13px;
    left: -12px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #1e88e5;}

.servicezc-content .img img{width: 100%;
    padding:0
    
}

.servicezc-content .main{margin-bottom: 30px}
.servicezc-content .main-content h3{font-size: 18px;}









/*---å·¦å³å¸ƒå±€---*/

/*---äº‘ç½‘ç»œ---*/
/* .wrap-layout{margin-top: 50px;} */

.wrap-layout .panel{background: #fff;border: solid 1px #e2e9f1;border-radius: 0;box-shadow: none;}

.wrap-layout .panel-default>.panel-heading{background: none;border-bottom:solid 1px #e2e9f1; border-top: 2px #1e88e5 solid;border-radius: 0}
.wrap-layout .panel-default>.panel-heading+.panel-collapse>.panel-body{border: 0;padding-top: 0}

.wrap-layout .fa-angle-up{float: right;font-size: 16px;margin-top: -4px}
.wrap-layout .fa-angle-up:before{
    content: "\f106";
}
    
.wrap-layout .collapsed .fa-angle-up:before{
    content: "\f107";
}

.wrap-layout .wrap-layout-left.panel-group .panel{width:180px;border-color:#e8eef5;}

.wrap-layout .wrap-layout-left.panel-group .panel.active{position: fixed;top:15px;border-top: 0}

.wrap-layout .wrap-layout-left .panel-title{font-size: 16px;color: #000;padding:5px 0;
    -webkit-font-smoothing: initial;}
    
    .wrap-layout .wrap-layout-left ul{padding: 10px 0}
.wrap-layout .wrap-layout-left ul li{line-height:30px;margin-top: 10px}

.wrap-layout .wrap-layout-left ul li a{color: #333;font-size: 16px;margin-left: 32px}
.wrap-layout .wrap-layout-left ul li a.active{color: #1e88e5;-webkit-font-smoothing:initial !important;}


    
.wrap-layout .wrap-layout-right{background: #fff}
.wrap-layout .wrap-layout-right .banner-main{

    height: 350px;
    margin: 0 auto;
    border-radius: 2px;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    background-size: cover;
    position: relative;
    padding: 70px 40px
    
    }
    
    
.wrap-layout .wrap-layout-right .banner-main p.p1{color: #fff;font-size: 30px;font-weight: bold}
.wrap-layout .wrap-layout-right .banner-main p.p2{color: #fff;margin-top: 20px}



/* .free-use-btn.btn-white {
    padding: 0 35px;
    line-height: 36px;
    font-size: 14px;
    display: inline-block;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s ease-in-out;
    border: 1px rgba(255,255,255,0.5) solid;
    color: #fff;
    margin-top:20px;
    border-radius: 3px;
}
.free-use-btn.btn-white:hover{border-color: #fff} */


.openstack-gn.network img{width: 80px;}













/* This is the selector i used for my menu, it needs to be set as position:absolute; */

.wrap-layout .subMenu {
	position: absolute;
	top: -5px !important;
	height: 55px;
	z-index: 111;
	margin: 0 auto;
	width: 980px;
	background: #fff;
	border-bottom: 1px #e2e8f0 solid;

}

.wrap-layout .subMenu.subMenu-support {
	position: absolute;
	top: 500px !important;
	height: 55px;
	z-index: 11;
	margin: 0 auto;
	width: 1140px;

}
.wrap-layout .subMenu.subMenu-support.fxd {
	top: -5px !important;

}

.wrap-layout .subMenu button{background:#0078fe !important;border: 0;color: #fff;padding: 5px;margin-top: 9px;border-radius: 3px;width: 100px;float: right}

.wrap-layout .subMenu a{color: #333;height: 55px;-webkit-font-smoothing:initial;padding-top: 18px;}
.wrap-layout .subMenu a:hover{color: #1e88e5}
.wrap-layout .subMenu a.active{color: #1e88e5;border-bottom: 3px #1e88e5 solid; }
.wrap-layout .subMenu .inner {
	padding:0;
	font-weight: 400;
}
.wrap-layout .subMenu.fxd a.active{border-bottom: 3px #1e88e5 solid !important;}

.wrap-layout .subMenu button{display: none;outline: none  !important}
.wrap-layout .subMenu.fxd button{display: block;margin-right: 10px;margin-top: 13px;font-size: 15px;font-weight: 600}
.wrap-layout .subMenu .cloudorder{background: linear-gradient(45deg, #07b5fb 3%, #02a0fa 55%, #118efc 91%) ;border-radius: 3px;padding: 4px;color: #fff;width: 100px;text-align: center;margin-top: 13px;border: 0;outline: none}


.wrap-layout .subNavBtn {
	display: block;
	width: 17%;
	float: left; 
	margin: 0px 0px 0 0;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
	color: #fff;
}

.wrap-layout .subMenu .nav-tabs>li.active>a,.wrap-layout .subMenu .nav-tabs>li.active>a:focus,.wrap-layout .subMenu .nav-tabs>li.active>a:hover{border:0 !important;border-bottom: 3px #1e88e5 solid !important;}
.wrap-layout .subMenu .nav-tabs>li>a{border: 0 !important}
.wrap-layout .subMenu.fxd{width: 985px;}
.wrap-layout .subMenu.fxd .subNavBtn{}

.m-b-0{margin-bottom: 0 !important}
.m-t-5{margin-top: 5px !important}



/*31.network-summary p{border: 1px #eee solid;padding: 30px;margin-top: 20px;text-align: center}*/
.network-summary p img{width:90%;}
.network-summary p img.router-pic{width:70%;}

.wrap-layout .wrap-layout-right ul li{color: rgba(3,27,78,.7) ;-webkit-font-smoothing:initial;font-size: 15px;line-height: 32px}
.network-advantage table tr td,.network-money p{-webkit-font-smoothing:initial;font-size: 15px;color:rgba(3,27,78,.7) !important}
.network-summary,.network-function,.network-advantage,.network-money,.network-scene,.network-product,.network-content,.network-contrast{padding-bottom: 50px}
.network-function,.network-advantage,.network-money,.network-scene,.network-product,.network-contrast{padding-top: 80px}


.network-product .network-product-cont{color: #333;-webkit-font-smoothing:initial}
.network-product .network-product-cont:hover{color: #1e88e5;-webkit-font-smoothing:initial}

.network-summary ul li{line-height: 26px;}
.network-function ul li,.network-money ul li,.network-content ul li,.contrast-text{position: relative;margin-left: 12px;line-height: 30px}
.network-function ul li:before,.network-money ul li:before,.network-content ul li:before,.contrast-text:before{    
	content: "";
    position: absolute;
    top: 12px;
    left: -12px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #1e88e5;}
    
.network-money p{line-height: 26px;margin-bottom: 10px}    
    
.network-advantage table tr td,.network-advantage table tr th,.network-function table tr td,.network-function table tr th,.network-contrast table tr td,.network-contrast table tr th{border: 1px #e2e8f0 solid;padding: 20px 15px;-webkit-font-smoothing:antialiased;color: rgba(3,27,78,.7);
    font-size: 15px;}
.network-advantage table tr td.tb-sub-title,.network-contrast table tr td.tb-sub-title{border-left :2px solid #0078fe;border-right :2px solid #0078fe;width: 20%;color: #333;
	background: #F3F8FF;font-weight: bold;
}
.network-advantage table tr td.tb-sub-title img{width: 14px;}
.network-advantage table tr td.tb-sub-title.top,.network-contrast table tr td.tb-sub-title.top{border-top :2px solid #0078fe;}
.network-advantage table tr td.tb-sub-title.bottom,.network-contrast table tr td.tb-sub-title.bottom{border-bottom :2px solid #0078fe;}

.m-b-10{margin-bottom: 10px !important}


.wrap-layout-right h2 img{width: 18px;margin-top: -2px;}


.summary{padding-top: 50px}


.p-t-10{padding-top: 10px !important}

.network-scene .network-scene-cont{border: 1px #eee solid;padding: 30px 20px}
.network-scene .network-scene-cont p{    font-size: 15px;
    color: rgba(3,27,78,.7)}
.m-t-20{margin-top: 20px !important}

.network-product .network-product-cont{border: 1px #e2e9f1 solid;background:#f6f9fc;text-align: center;padding: 20px 0;
-webkit-transition: -webkit-box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;
	-moz-transition: -moz-box-shadow .3s ease-in-out,-moz-transform .3s ease-in-out;
	-o-transition: box-shadow .3s ease-in-out,-o-transform .3s ease-in-out;
	-ms-transition: box-shadow .3s ease-in-out,-o-transform .3s ease-in-out;
	transition: box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out,-moz-transform .3s ease-in-out,-o-transform .3s ease-in-out,transform .3s ease-in-out;}
.network-product .network-product-cont:hover{box-shadow: 0 3px 10px -5px rgba(0,0,0,0.3);border-color: #1e88e5}

.network-product .network-product-cont .img img{width: 70px;height:70px;margin: 0 auto;padding-bottom: 10px;padding-top: 5px}
.network-product {margin-bottom: 30px}
/*äº‘ç¡¬ç›˜*/
.network-scene.disk .network-scene-cont{text-align: center}
.network-scene.disk .network-scene-cont img{width: 60px;height:60px;margin-bottom: 25px}
.network-scene.disk .network-scene-cont p{    color: rgba(3,27,78,.7);font-size: 15px;line-height: 28px}



.m-t-30{margin-top: 30px !important}
.p-t-20{padding-top: 20px !important}
.m-b-5{margin-bottom: 5px !important}



.network-contrast .iconfont{color: #1e88e5;font-size:16px;font-weight: bold}
.network-contrast .iconfont.icon-wrong{color: #888}
.network-contrast tr td{text-align: center;font-size: 13px;color: #333}
.network-contrast tr td .ct-title{text-align: left;font-size: 14px;color: #555}

.network-contrast tr td span{color: #888}
.network-contrast .tb-sub-title-bt td{background: #F3F8FF;color: #333;font-weight: bold;font-size: 16px;}
.network-contrast .summary-tb{width: 100%}


.support-channel .network-channel-cont{padding:30px 20px;text-align: left;border: 1px #e2e8f0 solid;
    }
.support-channel .network-channel-cont h3{font-size: 16px;margin-bottom: 10px}
.support-channel .network-channel-cont p{padding-bottom: 20px}
.support-channel .network-channel-cont a{border: 1px #1e88e5 solid;padding:8px 15px;border-radius: 2px;-webkit-font-smoothing:initial;background: #1e88e5;color: #fff}
.support-channel .network-channel-cont a:hover{opacity: 0.9}



.network-channel-cont b{color: #1e88e5}





    
    
.network-scene.support .nav-tabs>li>a{ border:0 !important;margin-right: 0;line-height: 24px;-webkit-font-smoothing:antialiased;padding: 15px 0}

.network-scene.support .nav-tabs>li{text-align: center;width: 100%;border: 1px #e2e9f1 solid}
.network-scene.support .nav-tabs>li.active{border-left: 2px #1e88e5 solid;border-right: 0}

/*.network-scene.support .nav-tabs>li.active>a,.network-scene.support .nav-tabs>li.active>a:focus,.network-scene.support .nav-tabs>li.active>a:hover{
    border-radius: 0;
    color: #fff;
    background: #1e88e5;
   }*/
.network-scene.support .tab-content{background:#fff;border:1px #e2e9f1 solid;border-left:0;height: 244px}
.network-scene.support .tab-content .tab-pane{-webkit-font-smoothing:initial;padding:30px 20px}

.network-scene.support .tab-content p span{color:#888}
.network-scene.support .tab-content p{-webkit-font-smoothing: antialiased}


p.tuijservices .iconfont{color: #1e88e5}

.wrap-layout .subMenu a{position: relative;font-size: 16px;}
.wrap-layout .subMenu a .iconfont{font-weight: normal;top: 14px;position: absolute;margin-left: -25px;font-size: 18px;}


.support-channel{-webkit-font-smoothing:initial;}


.p-20{padding: 20px !important}


.network-scene h3{font-size: 16px;font-weight: bold}



.network-function ul li{color: rgba(3,27,78,.7) !important;margin-top: 10px;-webkit-font-smoothing:antialiased !important}
.network-function ul li p{color: #333;font-weight: bold}



h2.support-title{    font-size: 18px;
    font-weight: bold;
    border-left: 4px #1e88e5 solid;
    padding-left: 10px;
    margin-top: 20px;}
    
    
    
    


 .network-money table{width: 100%;margin: 20px 0}
 .network-money table tr td, .network-money table tr th,table.pvc-tb tr th,table.pvc-tb tr td{border: 1px #e2e8f0 solid;padding: 15px 0;text-align: center;color:rgba(3,27,78,.7)}
 .network-money table tr th,table.pvc-tb tr th{background: #F3F8FF;color:#333;}
 
 
 
 .network-content ul li{line-height: 40px;}
 .network-content ul li:before{top:18px}
 
 
 
 
 
 .subMenu-cloud{background: #1e88e5;color:#fff;display: none !important;width: 100%}
 
 .subMenu-cloud button{background:#fff;
    border: 0;
    color: #1e88e5;
    padding: 5px;
    margin-top: 9px;
    border-radius: 3px;
    width: 100px;
    float: right;
    -webkit-font-smoothing: initial;
    outline: none}
    
    
  .subMenu-cloud.fxd{display: block !important;z-index: 99999;height: 55px}
   .subMenu-cloud a{color: #fff;padding-left: 80px;font-size: 15px;line-height: 55px;-webkit-font-smoothing: initial;}
   
   .subMenu-cloud a:first-child{margin-left: 0}
  
@media (max-width: 1200px) {
.wrap-layout .wrap-layout-left.panel-group .panel{width: 160px !important;}
}


/* .banner-main .free-use-btn.btn-white{border: 2px rgba(255,255,255,0.5) solid;}
.banner-main .free-use-btn.btn-white:hover{border-color:#fff} */





table.pvc-tb{width: 100%;margin-top: 30px}



.network-money  a.cloudorder {
    background: linear-gradient(45deg, #07b5fb 3%, #02a0fa 55%, #118efc 91%) !important;
    color: #fff !important;
    border-radius: 2px;
    padding: 10px 30px;
}

.network-scene.pvc .nav-tabs p{font-weight: bold;text-align: left;line-height: 50px;color: #333}
.network-contrast .tb-sub-title-bt td.pvc-network{background: #0078fe;color:#fff;
}


.p-r-5{padding-right: 5px !important}
.p-l-5{padding-left: 5px !important}
.m-l-10{margin-left: 10px !important}


.network-function b{color: #333}
.network-function table{width: 100%}
.network-function table td .ct-title{font-size: 18px;color: #000}



.network-advantage.sdn .tab-content {border:0;padding: 20px 0}

.network-advantage.sdn .nav-tabs{width: 400px;margin: 0 auto}
.network-advantage.sdn .nav-tabs li{text-align: center;width: 180px}
.network-advantage.sdn .nav-tabs li img{margin-top: 10px}
.network-advantage.sdn .nav-tabs li a{border: 1px #e2e8f0 solid !important;margin-right: 0;border-radius: 2px;color: #333;font-size: 16px}
.network-advantage.sdn .nav-tabs>li.active>a,.network-advantage.sdn .nav-tabs>li:hover>a{position: relative;background: #1e88e5;color:#fff;border-color:#1e88e5 !important}
.network-advantage.sdn .nav-tabs>li.active>a:before{
content: '';
    display: block;
    position: absolute;
    height: 10px;
    width: 10px;
    bottom: -6px;
    left: 49%;
    background-color: #1e88e5;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -moz-transform: rotate(135deg);}

.network-advantage.sdn .nav-tabs{border-bottom: 0}


.network-advantage.sdn .network-function ul li{margin-top: 0}
.network-advantage.sdn #ios table tr td{text-align: center;padding: 10px 0}



.m-l-20{margin-left: 20px !important}




@media (min-width: 1200px){
.container {
    width: 1200px;
}
}


/*---------------äº‘ç¡¬ç›˜------------*/
.banner-ny.cloud-disk p{color: #fff;font-size: 16px;line-height: 26px;max-width: 580px;}
/* .banner-ny.cloud-disk .p1{font-size: 45px;padding: 30px 0 0px 0;color: #fff} */
.banner-ny.cloud-disk .cloud-disk-left{margin-top: 20px}





.cloud-title h2{font-size: 30px;text-align: center}

.network-summary .cont-one{text-align: center}
.network-summary .cont-one .cont-one-cont{padding: 20px;margin-top: 30px;border-radius: 2px;}
.network-summary .cont-one img{width: 80px;margin-bottom: 20px}
.network-summary .cont-one h3{font-size: 16px;font-weight: bold}
.cont-one p{    color: rgba(3,27,78,.7);
    font-size: 15px;line-height: 28px}


.network-summary .cont-two .cont-two-left{padding-top: 30px}
.network-summary .cont-two .cont-two-left .btn-blue{width: 150px;border-radius: 3px;text-align: center;padding: 5px 0;font-weight: bold;margin-top: 20px;background: #0078fe !important;font-size: 16px;}
.network-summary .cont-two h3{font-size: 30px;line-height: 50px}
.network-summary .cont-two p{color:rgba(3,27,78,.7);font-size: 15px;line-height: 30px}
.network-summary .cont-two .cont-two-cont{border-radius: 2px;box-shadow: 0 0 10px 0 rgba(55,61,65,.2);padding-bottom: 5px}
.network-summary .cont-two h2{border-bottom: 1px #eee solid;padding: 25px 0;text-align: center}
.network-summary .cont-two .cont-two-cont ul{margin-bottom: 30px}
.network-summary .cont-two .cont-two-cont ul li{padding-left: 50px;font-size: 16px;line-height:34px;font-family: "Roboto", "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", BlinkMacSystemFont, -apple-system, "Segoe UI", "Microsoft Yahei", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif}
.network-summary .cont-two .cont-two-cont ul li .iconfont{color: #00b254;font-size: 18px;font-weight: bold;padding-right: 10px}
.network-summary .cont-two .cont-two-cont ul span{color: #888}


.network-summary .cont-three p{color:rgba(3,27,78,.7);font-size: 15px;line-height: 30px}
.network-summary .cont-three img{margin: 20px 0;padding:0 50px 0 0;border: 2px #d2dcef dashed;border-radius: 10px;padding: 30px}

.cont-one,.cont-two,.cont-three,.cont-four{border-bottom: 1px #eee solid;padding-bottom: 70px;padding-top: 70px;}


.cont-three-cont {
	position: relative;
	float: left;
	margin-top: 20px;
	width: 100%
}

.tag-bottom {
	position: relative;
	top: 23px;
	left: 20px;
	width: 350px;
	height: 350px;
	border-radius: 5px;
	box-shadow: 0 4px 12px 0 rgba(0,0,0,.2);
	background: #0078fe;
}

.tag-up {
	padding: 30px 20px;
	width: 355px;
	height: 350px;
	border-radius: 5px;
	background-color: #fff;
	position: absolute;
	top: 10px;
	box-shadow: 0 3px 10px 0 rgba(0,0,0,.2)
}
.tag-center ul{padding:0px 20px 10px 20px}
.tag-center h3{padding-left: 10px;color: #0060fe;padding-top: 5px}
.tag-center ul li{margin-top: 15px;position: relative}
.tag-center ul li:before{
	content: "";
    position: absolute;
    top: 12px;
    left: -12px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #0060fe;}
    
    
.tag-vs{width: 100px;height: 100px;border-radius: 50%;border: 1px #eee solid;margin: 0 auto;margin-top: 120px;text-align: center;font-size: 40px;padding-top: 35px;color: #999;margin-left: 0px}
    
.tag-bottom.two{background: #ccc}    
.tag-center.two h3{color: #555}
.tag-center.two ul li{color: #888}
.tag-center.two ul li:before{background: #888}
    
@media (max-width: 1200px){
	    .tag-bottom{width: 320px;}
	    .tag-up{width: 320px;}
	    .tag-vs{margin-left: 12px}
    }
    
    
.cont-one{padding: 50px 0}    
.cloudrouter-summary .cont-one p{  color: rgba(3,27,78,.7);    -webkit-font-smoothing: initial; 
    font-size: 15px;line-height: 30px}
    .cloudrouter-summary .cont-one ul{margin-top: 20px}
.cloudrouter-summary .cont-one ul li{color: rgba(3,27,78,.7);
    font-size: 15px;}
    
    
 .cloudrouter-summary .cont-one h3{color: #222}
 
 
 
 
 
 
 
 
 
 
 
 
 /*.cloud-technology{background: url(images/cloud/white-waves.jpg) no-repeat;background-size: cover}*/
/*.cloud-technology .technology-cont{background: linear-gradient(to top,#6895FA 0,#645CF3 100%);
	
}*/

.cloud-technology .technology-cont{background: #fff;border: 1px #0090ff solid;height: 400px;}


.technology-cont {
  overflow: hidden;
  position: relative;
  
}
.technology-cont .background {
width: 100%;
height: 100%;
  background-size: contain;
  position: absolute;
  background-position: center;
  -webkit-transition: transform 0.5s cubic-bezier(0.34, 0.67, 0.17, 0.95), -webkit-filter 0.3s ease;
}
.technology-cont h3 {
  color: #333;
  text-transform: uppercase;
  font-size: 18px;
  position: absolute;
  left: 40%;
  top:180px;
  transition: transform 0.4s cubic-bezier(0.34, 0.67, 0.17, 0.95);
}

.technology-cont:hover h3 {
  transform: translateY(-260px);
}

.technology-cont:hover .background {
  transform: translateY(-100px);
  /*-webkit-filter: blur(2px) brightness(0.7);*/
}

.technology-cont:hover .overlay {
  transform: translateY(-512px);
}
.technology-cont p{padding:30px 20px 10px 20px;line-height: 24px;text-align: center;font-size: 14px;color: #888}

.technology-cont .overlay {
  height: 100%;
  position: absolute;
  background: #0090ff;
  color: #fff;
  margin-top: 512px;
  transition: transform 0.4s cubic-bezier(0.24, 0.06, 0.25, 0.92);
 
}

.technology-cont .overlay b{color: #fff !important;}
.technology-cont .overlay{padding-top: 15px;}
.technology-cont .overlay ul{padding:0px 20px;}
.technology-cont .overlay ul li{font-size: 13px;line-height: 22px;}
.technology-cont .overlay ul li b{color: #333;font-size: 14px;}

/*circles*/
.technology-cont .circle {
  border-radius: 50%;
  width: 100px;
  height: 100px;
  background: #fff;
  position: relative;
  margin: -50px auto;
}

.technology-cont .share {
  margin: 56px auto;
}



.cloudrouter-summary .cont-two .technology-cont h2{text-align: center;margin-top: 30px;font-size: 24px;}
.cloudrouter-summary .cont-two .overlay{background: none;color: rgba(3,27,78,.7);font-size: 15px;}

.cloudrouter-summary .cont-two .technology-cont:hover .overlay {
  transform: translateY(-150px);
}
.cloudrouter-summary .cont-two .technology-cont .overlay{margin-top: 150px;padding:0 20px}


.cloudrouter-summary .technology-cont:hover .background{ transform: translateY(-45px);}
.cloudrouter-summary .cloud-technology .technology-cont{border-radius: 2px;}


.m-r-20{margin-right: 20px !important}
.m-l-20{margin-left: 20px !important}
.m-r-10{margin-right: 10px !important}
.m-l-10{margin-left: 10px !important}
.m-r-5{margin-right: 5px !important}
.m-l-5{margin-left: 5px !important}



.p-r-20{padding-right: 20px !important}
.p-l-20{padding-left: 20px !important}
.p-r-10{padding-right: 10px !important}
.p-l-10{padding-left: 10px !important}
.p-r-5{padding-right: 5px !important}
.p-l-5{padding-left: 5px !important}


.cloudrouter-summary .technology-cont{border:1px #0078fe solid;height: 320px;margin-top: 30px}
.cloudrouter-summary .technology-cont:hover{box-shadow: 0 0 10px 0 rgba(55,61,65,.2)}
.cloudrouter-summary .technology-cont:hover .down{display: none}
.cloudrouter-summary .technology-cont img{width: 90px;}
/*.cloudrouter-summary .technology-cont .img{width: 90px;margin: 0 auto}
.cloudrouter-summary .technology-cont .img1{display:block }
.cloudrouter-summary .technology-cont .img2{display: none}*/
.cloudrouter-summary .technology-cont .down img{width: 30px;opacity: 0.5}

.cloudrouter-summary .technology-cont:hover .img1{display: none}
.cloudrouter-summary .technology-cont:hover .img2{display: block}
.cloudrouter-summary .technology-cont .background{text-align: center;margin-top: 70px
	 
}
.cloudrouter-summary .technology-cont .background .iconfont{color: #fff;font-size: 80px;}


.cloudrouter-summary .cont-one .fa{color: #fb8000}

.cloudrouter-summary .cont-two{border-bottom: 0}
.cloudrouter-summary .cont-three{background: linear-gradient(-45deg, transparent 95%, rgba(255, 255, 255, 0.08) 20%), linear-gradient(-45deg, transparent 90%, rgba(255, 255, 255, 0.08) 15%), #0078fe;border-radius: 2px;padding: 20px;border-bottom: 0}
.cloudrouter-summary .cont-three .btn-white{background: #fff;color:#0078fe;float: right;margin-top: 10px}
/*.cloudrouter-summary .cont-three .btn-blue{
width: 150px;
    border-radius: 3px;
    text-align: center;
    padding: 5px 0;
    font-weight: bold;
    margin-top: 10px;
    background: #0078fe !important;
    font-size: 16px;
    float: right}*/
    
    
.cloudrouter-summary .cont-three p{color: #fff;font-size: 16px;}

.cloudrouter-summary .cont-three p b{color: #ffff00;font-size: 20px}


.cont-four .owl-item{float: left;margin-top: 30px}
.cont-four .owl-item img {
    padding: 5px 10px 10px 10px;
    border-radius: 2px;
    border: 1px #eee solid
}










.sdn-summary .logo-img{border-right: 1px #eee solid;}
.sdn-summary .logo-img img{width: 150px;height: 80px;padding:10px 20px;}
.border-r-0{border-right: 0px !important}

.sdn-summary .cont-two-cont{text-align: center;border: 1px #eee solid;}
.sdn-summary .cont-two-cont h2{padding: 20px;margin-bottom: 0;border-radius: 2px 2px 0 0;border-bottom: 1px #eee solid}
.sdn-summary .cont-two-cont.hot{box-shadow: 0 0 10px 0 rgba(55,61,65,.2);z-index: 9999999;}
.sdn-summary .cont-two-cont.hot h2{color: #009f4b;border-radius: 0; }
.sdn-summary .cont-two-cont ul{margin-bottom: 30px}
.sdn-summary .cont-two-cont a{
    background:#0078fe;
    color: #fff !important;
    border-radius: 2px;
    padding: 10px 30px;
    font-size: 16px;
    -webkit-font-smoothing: initial;
 }
 .sdn-summary .cont-two-cont.hot a{background:#00b254 !important;}
.sdn-summary .cont-two-cont .cont-bottom{padding:30px 0 40px 0;border-top: 0; }
.sdn-summary .cont-two-cont .cont-bottom span{color: #888;}


 .sdn-summary .col-xs-3{margin-top: 30px}
 
 

 
 
 
 .m-t-40{margin-top: 40px !important}












@-webkit-keyframes warn {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 1
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

@-moz-keyframes warn {
	0% {
		-moz-transform: scale(0);
		transform: scale(0);
		opacity: 1
	}

	100% {
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

@-o-keyframes warn {
	0% {
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 1
	}

	100% {
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

@keyframes warn {
	0% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 1
	}

	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}



.area-box .pulse {
	position: absolute;
	height: 36px;
	width: 36px;
	border: 2px solid #b7b7b7;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	border-radius: 48px;
	opacity: .12;
	filter: alpha(opacity=0);
	-webkit-animation: warn 2s ease-out both;
	-moz-animation: warn 2s ease-out both;
	-o-animation: warn 2s ease-out both;
	animation: warn 2s ease-out both;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	background: 0 0
}



.area-box .delay-05 {
	-webkit-animation-delay: 1.6s;
	-moz-animation-delay: 1.6s;
	-o-animation-delay: 1.6s;
	animation-delay: 1.6s
}

.area-box .delay-06 {
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-o-animation-delay: 2s;
	animation-delay: 2s
}

.area-box .delay-07 {
	-webkit-animation-delay: 2.4s;
	-moz-animation-delay: 2.4s;
	-o-animation-delay: 2.4s;
	animation-delay: 2.4s
}


 .area-box .dot {
	background: #009fd9
}
.area-box .dot {
	position: absolute;
	top:130px;
	right: 509px;
	width: 9px;
	height: 9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #a2a9b4;
	opacity: 1;
	filter: alpha(opacity=100)
}
 .area-box .pulse {
	border-color: #009fd9;
	top:110px;
	right: 490px;
	height: 48px;
	width: 48px;
}

.area-box .dot {
	background: #00b254;
}

 .area-box .pulse {
	border-color: #00b254
}






.area-box.two .dot {
	position: absolute;
	top:110px;
	right: 309px;
	width: 9px;
	height: 9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #09f;
	opacity: 1;
	filter: alpha(opacity=100)
}
 .area-box.two .pulse {
	border-color: #09f;
	top:90px;
	right: 290px;
	height: 48px;
	width: 48px;
}



.area-box.three .dot {
	position: absolute;
	top:280px;
	right: 270px;
	width: 9px;
	height: 9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #a2a9b4;
	opacity: 1;
	filter: alpha(opacity=100)
}
 .area-box.three .pulse {
	border-color: #a2a9b4;
	top:260px;
	right: 250px;
	height: 48px;
	width: 48px;
}




.area-box.four .dot {
	position: absolute;
	top:155px;
	right: 120px;
	width: 9px;
	height: 9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #f09300;
	opacity: 1;
	filter: alpha(opacity=100)
}
 .area-box.four .pulse {
	border-color: #f09300;
	top:135px;
	right: 100px;
	height: 48px;
	width: 48px;
}


 .sdn-summary p{line-height: 30px;color: rgba(3,27,78,.7);
    font-size: 15px;}
    
    
    
    
    
.p-r-0{padding-right: 0 !important}    
    
    
    





.network-contrast table label{font-size: 16px;font-weight: normal; -webkit-font-smoothing: initial; }
.network-contrast table p{color: rgba(3,27,78,.7);-webkit-font-smoothing: initial;
    font-size: 15px;text-align: left}
    
 .pvc-summary .cont-five{padding: 60px 0}   
.pvc-summary .cont-four .cont-four-cont{border-radius: 3px;padding: 30px;border: 1px #1e88e5 solid}  
.pvc-summary .cont-four h2{margin-bottom: 0;}  
.pvc-summary .cont-four .btn-blue {width: 150px;
    border-radius: 3px;
    text-align: center;
    padding: 5px 0;
    font-weight: bold;
    background: #0078fe !important;
    font-size: 16px;
    border: 1px #0078fe solid !important;
    color: #fff !important
    }
    
    
    
.pvc-summary .cont-three .cont-three-cont{padding: 15px 0;border-left: 5px #fb8000 solid;background: #fff;z-index: 11}
.pvc-summary .cont-three p{font-size: 15px;color: rgba(3,27,78,.7) ;}
.pvc-summary .cont-three .cont-three-cont h4{margin-bottom: 10px;font-size: 16px;}
.pvc-summary .cont-three .cont-three-cont img{margin-top:5px;padding-left: 10px}
.pvc-summary .cont-three .fa{color: #fb8000}
.pvc-summary .cont-three .cont-three-cont1{background: #eee;height:110px;width: 396px;position: absolute;z-index: 1;top: 20px;left: 5px}

.pvc-summary .cont-three p.left{line-height: 30px;margin-top: 30px}




.pvc-summary .cont-two .cont-two-cont{box-shadow: 0 0 10px 0 rgba(55,61,65,.2);padding: 25px}
.pvc-summary .cont-two .cont-two-cont h4{margin-bottom: 10px}

.pvc-summary .cont-two .cont-two-cont p{font-size: 15px;color: rgba(3,27,78,.7) ;}
.pvc-summary .cont-two .cont-two-cont img{width: 80px;margin-top: 10px}
.pvc-summary .cont-one p{line-height: 30px}
.pvc-summary .cont-one p b{color: #fb8000}



.sdn-summary .cont-three .img-bg1{box-shadow: 0 0 8px 0 rgba(55,61,65,.2);width: 100%;height: 250px;position: absolute;top:60px}
.sdn-summary .cont-three .img-bg2{box-shadow: 10px 10px 0 0 #edf1f2;width: 100%;height: 250px;position: absolute;top:60px}
.sdn-summary .cont-three img{padding:  10px 0 10px 30px}


.sdn-summary .cont-three,.sdn-summary .cont-four{border-bottom: 0}
.sdn-summary .cont-four .cont-four-cont{border-radius: 3px;padding: 30px;border: 1px #1e88e5 solid}  
.sdn-summary .cont-four h2{margin-bottom: 0;}  
.sdn-summary .cont-four .btn-blue {width: 150px;
    border-radius: 3px;
    text-align: center;
    padding: 5px 0;
    font-weight: bold;
    background: #0078fe !important;
    font-size: 16px;
    border: 1px #0078fe solid !important;
    color: #fff !important
    }

.sdn-summary .cont-five  .nav-tabs{width: 200px;margin: 0 auto;}
.sdn-summary .cont-five  .nav-tabs li a{border: 0 !important;border-bottom: 2px #eee solid !important;}
.sdn-summary .cont-five  .nav-tabs li.active a{border-bottom:2px #1e88e5 solid !important;color: #000 !important}


.sdn-summary .cont-five  .tab-content{border-top: 2px #eee solid;padding-top: 20px;margin-top: -1px;}
.sdn-summary .cont-five  .tab-content .tab-pane{background: #333;padding: 10px}
.sdn-summary .cont-five  .tab-content .tab-pane img{border: 2px #fff solid;}





.panel-default.scrolldata .panel-body{padding: 0;  }


.m-b-30{margin-bottom: 30px !important}




.sdn-text{ font-size: 15px !important;color: rgba(3,27,78,.7) !important;margin-bottom: 20px !important}

.network-function h4{font-weight: bold;font-size: 16px;}









/*é«˜ä»¿IP*/

.ip-summary .cont-one p {
    color: rgba(3,27,78,.7);
    font-size: 15px;
    line-height: 30px;
}
.ip-summary .cont-one .col-xs-4 img{height: 35px;margin-bottom: 5px}
.ip-summary  .cont-one .col-xs-4{border: 1px #ddd dotted;padding: 10px;border-right: 0;
    color: rgba(3,27,78,.7);}
.ip-summary  .cont-one .col-xs-4:last-child{border-right: 1px #ddd dotted}

.ip-summary .cont-two{padding:30px 20px 25px 20px;margin-top: 30px;border: 1px #1e88e5 solid}
.ip-summary .cont-two p{font-size: 16px; color: rgba(3,27,78,.7);line-height: 30px}
.ip-summary .cont-two a{    background: #00b254;
    color: #fff !important;
    border-radius: 2px;
    padding: 10px 30px;
    font-size: 16px;
    -webkit-font-smoothing: initial;
    }

.ip-summary .cont-three{
    color: rgba(3,27,78,.7);
    font-size: 15px;
    border-bottom: 0}
    
.ip-summary .cont-three h3{font-size: 36px}
.ip-summary .cont-three .left{    box-shadow: 0 0 10px 0 rgba(55,61,65,.2);padding: 20px 0 20px 30px;}

.ip-summary .cont-three .sj p{font-size: 18px;line-height: 36px}
.ip-summary .cont-three .sj img{background: #00b254;border-radius: 40px;padding: 15px;margin-top: 5px;height: 70px}


.ip-summary .cont-three .sj.two img{background:#f7802b }
.ip-summary .cont-three .right{margin-top: 10px}
.ip-summary .cont-three .right p{line-height: 30px}


.ip-summary .cont-four p{
    color: rgba(3,27,78,.7);
    font-size: 15px;
    line-height: 28px}
.ip-summary .cont-four .pri{border: 1px #eee solid;padding: 30px}
.ip-summary .cont-four ul{margin-bottom: 20px}
.ip-summary .cont-four a{    background: #0078fe;
    color: #fff !important;
    border-radius: 2px;
    padding: 10px 30px;
    font-size: 16px;
    -webkit-font-smoothing: initial;}
    
 .ip-summary .cont-four img{height: 35px;margin-left: 5px;margin-top: 30px}   
    
.ip-summary .cont-five{padding: 60px 0}

.ip-summary .cont-five h2{margin-bottom: 40px}
.ip-summary .cont-five .thumbnail{border: 1px #eee solid;padding: 5px}
.ip-summary .cont-five .thumbnail:hover{border-color:#1e88e5}






/*2018.3.1*/
.parallax .img{border: 1px #eee solid;padding: 20px;border-radius: 50%;height: 80px;width: 80px}









/*2018.3.2é¦–é¡µæ ·å¼ä¿®æ”¹*/
.item .container p.banner-title{color: #fff;-webkit-font-smoothing: initial;font-size: 50px;line-height: 55px}
.item .container p.banner-title span{font-size: 36px;margin-top: 8px}
.item .container ul.banner-slogan{margin-top: 10px}
.item .container ul.banner-slogan li{
	font-size:15px;
	color:rgba(255,255,255,0.9);
	line-height: 28px;
}
ol.index-ol{margin-bottom: 0;}
.plan.best .hot {
	padding:0 40px;
	right:-40px;
	top:10px;
	height:30px;
	line-height:30px;
}

.client-logo .owl-item {
	width:160px !important;
	padding: 5px
}
.client-logo .owl-item img{background: #fff;padding:5px 10px 10px 10px;border-radius: 2px;}



/*å››å—æŽ¨è*/
.index-tuijian {
	padding:100px 0 50px 0
}
.index-tuijian .col-xs-3 {
	padding:0 10px;
}
.index-tuijian .col-xs-3 .index-bq-one ul {
	padding-left:0;
}
.index-tuijian .col-xs-3 .index-bq-one ul li {
	list-style:none;
	line-height: 30px;
	font-size: 13px;
}
.index-tuijian .col-xs-3 .index-bq-one ul li span {
	font-size:15px;
	margin-bottom:10px;
	padding-top:10px;
}
.index-tuijian .col-xs-3 .index-bq-one ul li span b {
	color:#1e88e5
}

.index-tuijian .col-xs-3 .index-bq-one {
	border:1px #efefef solid;
	padding:15px
		10px 5px 15px;
}
.index-tuijian .col-xs-3 .index-bq-one{
    border-top: 2px #1e88e5 solid;}
    

.banner-top.index{position: relative;height: 560px;}
.banner-top.index .carousel{
	position: absolute;
	top: 0;
	width: 100%;
	max-width: 1920px;
	margin-left: 50%;
	transform: translate(-50%, 0);
}


@media only screen and (min-width:1024px) {
.carousel-inner.banner.index .item {
	height:670px;}
.carousel-inner.banner.index .item {
	padding-top: 120px;}
}



.p-b-0{padding-bottom: 0 !important}
.p-t-0{padding-top: 0 !important}


.index-rj-recommend.ssl-cp .item-list.p-t-5{padding-top: 5px !important}


.carousel-control.banner.index{z-index: 10;top:50%;font-size: 40px;text-shadow: none;font-family: sans-serif;width:40px}







/*æœºæŸœç§Ÿç”¨*/

.colo-pric{padding-top: 80px;}
.colo-pric table tr{border-top: 1px #eee solid;}
.colo-pric table tr td{border: 1px #eee solid;line-height: 35px;text-align: center}
.colo-pric table tr td:first-child{border-left: 0}
.colo-pric table tr td:last-child{border-right: 0}
.colo-pric table tr th{background: #fff;border: 1px #eee solid;line-height: 35px;text-align: center}
.colo-pric table tr th:first-child{border-left: 0}
.colo-pric table tr th:last-child{border-right: 0}
.colo-pric p{font-size:15px;color: #888;color: rgba(3,27,78,.7);line-height: 26px;}

.colo-pric .title{padding-bottom: 50px;}
.colo-pric .title h2{font-size: 30px}


.colo-pric .colo-pric-cont{box-shadow: 0px 0px 24px 1px rgba(40, 138, 204, 0.1);padding-bottom: 20px}
.colo-pric .colo-pric-cont h3{    padding: 47px 62px;
    font-size: 19px;
    line-height: 31px;
    color: #fff;
    background: #09f url(/images/colo/money.png) no-repeat 15px center;
    background-size: 106px 135px;
    text-align: center;}
    
    
.colo-pric .colo-pric-cont .colo-pric-cont-table{padding: 25px 40px 0;font-size: 15px;color: rgba(3,27,78,.7);}
.colo-pric .colo-pric-cont a{
width: 206px;
    height: 48px;
    text-align: center;
    display: block;
    color: #09f;
    background: #fff;
    line-height: 48px;
    border: 1px solid #09f;
    margin: 34px auto;
    border-radius: 3px;
    font-size: 16px;}





.computerroom h2{color: #fff;line-height: 40px}
.computerroom p{color: #fff;margin-bottom: 10px;font-size: 15px;opacity: 0.8}
.computerroom a{color: #1e88e5;}
.computerroom .content .left .carousel-inner{background: #fff;border-radius: 3px;line-height: 30px}
.computerroom .content .left .carousel-inner{height: inherit;}
.computerroom .content .left .carousel-inner .item{padding: 30px 30px 40px 30px;}
.computerroom .content .left .carousel-inner .item ul li{color: rgba(3,27,78,.7);}
.computerroom .carousel-indicators li{background: #ccc;height: 6px;width:6px;margin: 0;}
.computerroom .carousel-indicators li.active{background: #333;height: 6px;width:6px;}
.computerroom .carousel-indicators{bottom: 0px;right: 20px;left: inherit;width: inherit}
.computerroom .content .left .carousel-inner h3{font-size: 16px;font-weight: bold}

.dedicated-four.colocation{background: url(/images/colo/img1.jpg?v=2.4)  no-repeat ;background-position: center center;background-size: 1920px;}



.colo-advantage .colo-advantage-cont{position: relative;
    padding: 0 0 0 80px;margin-top: 100px;color: rgba(3,27,78,.7)}
.colo-advantage .colo-advantage-cont p{font-size: 15px;}
.colo-advantage .colo-advantage-cont .fbox-icon{    display: block;
    position: absolute;
    width: 58px;top: 10px;
    left: 0;}
.colo-advantage .colo-advantage-cont h3{font-size: 16px;margin-bottom: 10px}  
.colo-advantage{padding: 100px 0}    
.colo-advantage .title h2{font-size: 30px;} 

.net-hj{margin-top: 20px}
.net-hj-left{background: url(/images/colo/img1.jpg) no-repeat;background: linear-gradient(#705eff,#0053de 81%) no-repeat;height: 400px;background-size: cover}

.net-hj-right{padding-left: 60px;margin-top: 100px}   
.net-hj-right img{padding: 12px;margin-top: 40px}
 
 
.net-hj-left-cont{background: #fff;width:610px;position: absolute;right: -50px;top: 25%;border-radius: 3px;
    box-shadow: 0 5px 20px -5px rgba(0,0,0,0.3);padding: 25px}
.net-hj-left-cont h3{margin-bottom: 20px;font-size: 30px;}    
.net-hj-left-cont p{line-height: 28px;color: rgba(3,27,78,.7);font-size: 15px;line-height: 30px}


.colo-technology{padding: 80px 0 50px 0}
.colo-technology .title h2{font-size: 30px;}

.colo-technology p{line-height: 35px;font-size: 16px;color: rgba(3,27,78,.7);margin-bottom: 40px}
.colo-technology a{background: linear-gradient(45deg, #07b5fb 3%, #02a0fa 55%, #118efc 91%) !important;padding: 10px 40px;color: #fff;border-radius: 3px;font-size: 15px}

/*ç¦ç”¨è‡ªé€‚åº”è¦†ç›–ä»£ç */
.container {width: 1200px !important}
.navbar-nav>li {
    float: left;
}
.navbar-header {
    float: left;
}

.navbar-left{float:left!important}
.navbar-right{float: right !important}

.carousel-inner.banner.index{height: 670px} 

.carousel-inner.banner.index img{width: 100%;} 


.tabpanel-title ul{width: 1200px}

.safety{padding-bottom: 150px}

.safety p{font-size:15px;line-height: 28px;color: rgba(3,27,78,.7);}


.m-t-0{margin-top: 0 !important}
.m-t-50{margin-top: 50px !important}



/*æœåŠ¡å™¨æ‰˜ç®¡*/


.deposit-two{padding-top: 80px}
.deposit-two ul{margin-top: 20px;font-size: 15px;color:  rgba(3,27,78,.7);}
.deposit-two ul li{line-height: 32px;}
.deposit-two .deposit-two-left p{line-height: 30px}
.deposit-two .deposit-two-left h2{font-size: 30px;}
.deposit-two  p{font-size: 15px;color:  rgba(3,27,78,.7);line-height: 30px;}
.deposit-two .deposit-two-cont{box-shadow: 0px 0px 24px 1px rgba(40, 138, 204, 0.1);    padding: 40px 25px 30px 140px;position: relative}
.deposit-two .deposit-two-cont h2{font-size: 16px;margin-bottom: 10px}

.deposit-two .deposit-two-cont .fbox-icon {
    display: block;
    position: absolute;
    width: 80px;
    top: 40px;
    left: 30px;
}



.deposit-three .title h2,.deposit-six  .title h2{
    font-size: 30px;
}

.deposit-three table{line-height: 40px}

.deposit-three table tr td{text-align: center;border: 1px #eee solid;padding:5px 20px}

.deposit-three table tr td p{text-align: left !important;font-weight:bold;color: #333}

.deposit-three table tr td.tb-sub-title{
    border-left: 2px solid #0078fe;
    border-right: 2px solid #0078fe;
    background: #F3F8FF;}
    
.deposit-three table tr td .iconfont{
    font-size: 23px !important;
    color: #888}
    
.deposit-three table tr td.tb-sub-title .iconfont{color: #1e88e5; } 
    
.deposit-three table tr td.tb-sub-title.bottom{    border-bottom: 2px solid #0078fe;}
.deposit-three table tr td.pvc-network{    
background: #0078fe;
border-top: 2px solid #0078fe;
padding: 10px;
color: #fff;}


.deposit-three table tr td img{width: 15px;margin-right: 5px;margin-top: -2px}
.deposit-three .title{padding-bottom: 30px}



.deposit-six  .title{padding-bottom: 20px}
.deposit-six .deposit-six-cont{text-align: center}
.deposit-six .deposit-six-cont p{font-size: 18px;color:  rgba(3,27,78,.7);line-height: 40px;margin-bottom: 40px}

.deposit-six .deposit-six-cont a{
    background: linear-gradient(45deg, #07b5fb 3%, #02a0fa 55%, #118efc 91%) !important;
    padding: 10px 40px;
    color: #fff;
    border-radius: 3px;
    font-size: 15px;}
    
    
    
    
.deposit-four{background:url(/images/deposit/deposit-bg.jpg) no-repeat;background-size: 1920px;background-position: center center}
.deposit-four .title{padding-bottom: 35px}
.deposit-four .title h2{font-size: 30px;color: #fff}
.deposit-four .deposit-four-cont ul{padding: 30px;border-radius: 3px;background: #fff}
.deposit-four .deposit-four-cont ul li{font-size: 15px;color:  rgba(3,27,78,.7);line-height: 34px}
.deposit-four .deposit-four-cont ul li h3{font-weight: bold}

.deposit-four .deposit-four-cont .left ul{background:linear-gradient(45deg, #02a0fa 3%, #118efc 55%, #07b5fb 91%) !important;padding-left: 40px;height:262px;padding-top: 40px;    box-shadow: 0 5px 20px -5px rgba(0,0,0,0.5);position: inherit;z-index: 9999}
.deposit-four .deposit-four-cont .left ul li{color: #fff ;}
.deposit-four .deposit-four-cont .left ul li h3{color: #fff}
.deposit-four .deposit-four-cont .right ul{margin-top: 10px;margin-left: -15px;border-radius: 0  3px 3px 0;position: inherit;z-index: 1;padding-left: 50px}



.deposit-five{background:#f6fbff;background: linear-gradient(#705eff,#0053de 81%) no-repeat}
.deposit-five h2{color: #fff;font-size: 30px}
.deposit-five p{font-size: 15px;color:#fff;line-height: 26px;}
.deposit-five ul{margin-top: 30px}
.deposit-five ul li{color: rgba(255,255,255,0.8);font-size: 15px;line-height: 26px;}
.deposit-five ul li img{margin-bottom:20px;width:40px;opacity: 0.8}
.deposit-five ul li h3{font-size: 16px;color: #fff;margin-bottom: 10px;font-weight: bold;}


.bandwidth-one{padding-top: 80px}
.bandwidth-one .title h2{font-size: 30px}
.bandwidth-one .title p{color: rgba(3,27,78,.7);font-size: 15px;line-height: 26px}
.bandwidth-one .bandwidth-advantage-cont .fbox-icon {
    display: block;
    position: absolute;
    width: 62px;
    top: 43px;
    left: 30px;}
.bandwidth-one .bandwidth-advantage-cont{    position: relative;
    padding:40px 40px 40px 120px;
    color: rgba(3,27,78,.7);
    border-right: 1px #eee dashed;
    border-bottom: 1px #eee dashed
}
.bandwidth-one .bandwidth-advantage-cont h3 {
    font-size: 16px;
    margin-bottom: 10px;
}
.bandwidth-one .bandwidth-advantage-cont p{color: rgba(3,27,78,.7);font-size: 15px}


.bandwidth-two{padding-bottom: 150px;}
.bandwidth-two .title{padding-bottom: 30px}
.bandwidth-two h2{font-size: 30px;}


.bandwidth-two .bandwidth-two-cont .col-xs-3:nth-child(1) ul li{ 
	margin-left: 0;
    background: url(/images/bandwidth/bandwidth-bg1.jpg?v=2.1) top center no-repeat;
    background-size: 100% 100%;}
 .bandwidth-two .bandwidth-two-cont .col-xs-3:nth-child(2) ul li{ 
	margin-left: 0;
    background: url(/images/bandwidth/bandwidth-bg2.jpg) top center no-repeat;
    background-size: 100% 100%;}
 .bandwidth-two .bandwidth-two-cont .col-xs-3:nth-child(3) ul li{ 
	margin-left: 0;
    background: url(/images/bandwidth/bandwidth-bg3.jpg) top center no-repeat;
    background-size: 100% 100%;}

 .bandwidth-two .bandwidth-two-cont .col-xs-3:nth-child(4) ul li{ 
	margin-left: 0;
    background: url(/images/bandwidth/bandwidth-bg4.jpg) top center no-repeat;
    background-size: 100% 100%;}    
    
    
    
    
  .bandwidth-two .bandwidth-two-cont ul li{  
     width: 265px;
    height: 330px;
    padding: 36px 40px 40px;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 0 0 15px;}
.bandwidth-two .bandwidth-des{
position: absolute;
    width: 230px;
    left: 18px;
    bottom: -30px;
    background-color: #fff;
    box-shadow: 1px 1px 3px rgba(255,255,255,0.4);
    padding: 16px;
    border-radius: 3px;}
    
.bandwidth-two .bandwidth-des p{    
     margin-bottom: 12px;
    font-size: 16px;
    text-align: center;
    color: #333;
    font-weight: bold
}
.bandwidth-two .bandwidth-des span{color: rgba(3,27,78,.7)}





.border-bot-0{border-bottom: 0px !important}
.border-rig-0{border-right: 0px !important}



.bandwidth-two h2{color: #fff}
.bandwidth-two{background: linear-gradient(#705eff,#0053de 81%) no-repeat;padding: 80px 80px 150px 80px}
/*.bandwidth-three h2{color: #fff}
.bandwidth-three p{color: rgba(255,255,255,0.8);font-size: 16px;margin-bottom: 30px}

.bandwidth-three a{color: #fff;padding: 10px;border-radius: 3px;border: 1px rgba(255,255,255,0.6) solid}*/

.colo-pric.bandwidth-three{padding: 80px 0;background: #f6fbff;border-top: 1px #1e88e5 solid}
.colo-pric.bandwidth-three .colo-pric-cont ul{padding:10px 40px 0 40px}
.colo-pric.bandwidth-three .colo-pric-cont ul li{line-height: 40px;color:  rgba(3,27,78,.7);font-size: 16px;}
.colo-pric.bandwidth-three .colo-pric-cont ul li .iconfont{font-size: 18px;color: #1e88e5;padding-right: 10px;font-weight: bold;}
.colo-pric.bandwidth-three .colo-pric-cont h3{padding: 20px 62px;    background-size: 86px 115px;}
.bandwidth-three h2{font-size: 30px;margin-top: 40px }
.bandwidth-three p{margin-bottom: 30px;line-height: 28px}
.bandwidth-three a{color: #1e88e5;font-size:16px;padding: 10px 20px;border-radius: 3px;border: 1px #09f solid;margin-left: 5px}
.bandwidth-three a:hover{background: #09f;color: #fff}

.bandwidth-four{background: #f6fbff}
.bandwidth-four h2{padding-bottom: 10px}
.bandwidth-four h3{margin-bottom: 10px;color:#001e5c;font-size: 22px}
.bandwidth-four p{font-size: 16px;}
.bandwidth-four .bandwidth-four-cont{margin-top: 20px;border-bottom: 1px #eee dashed;padding-bottom: 20px}
.bandwidth-four .bandwidth-four-cont:last-child{border-bottom: 0}
.bandwidth-four .cont-one{border-bottom: 0}
.bandwidth-four .col-xs-6{margin-top: 25px}
.bandwidth-five h2{font-size: 30px}
.bandwidth-five p{font-size: 16px;}
.bandwidth-five .left{box-shadow: 0px 0px 24px 1px rgba(40, 138, 204, 0.1);}
.bandwidth-five .left img{width: 40px;margin:30px 20px 0 20px}
.bandwidth-five .left .carousel-inner{margin:20px 40px 40px 70px}
.bandwidth-five .bandwidth-five-cont {padding:50px;}

.bandwidth-five .bandwidth-five-cont h3{font-size: 16px;margin-bottom: 10px}
.bandwidth-five .left  ul li{color:  rgba(3,27,78,.7);font-size: 15px;line-height: 32px}
.bandwidth-five .carousel-indicators li{background: #888;border: 0;width: 20px;height: 3px;border-radius: 0;margin: 0 !important}
.bandwidth-five .carousel-indicators li.active{background: #1e88e5;border: 0;}
.bandwidth-five .carousel-inner{width: 450px;overflow: hidden}
.bandwidth-five .carousel-inner .item{box-shadow: none !important;}
.bandwidth-five{position: relative}
.bandwidth-five .left .carousel-indicators{position: absolute;left: -98.7%;top:105px}




.bandwidth-five .carousel-control.banner.index{color: #1e88e5;font-size: 26px;margin-top: 45px;margin-right: 50px}







.p-l-30{padding-left: 30px !important}
.p-r-30{padding-right: 30px !important}


/*---affshk-banner--*/
.banner-ny-top.affshk{height: 700px;overflow: hidden}
.affshk-banner{background:#2144e7;height: 700px;padding-top: 150px }
.affshk-banner .affshk-banner-bg{background: url(/images/affs-new/affshk-banner-bg.svg?v=1.4) no-repeat;background-size: 80%;background-position: center center;height: 650px;}
.affshk-banner img{width: 50%;}


.affshk-body{background: #3657f0;font-family: Microsoft YaHei}
.affshk-one .container{height: 180px;background: #fff;margin-top: -90px;border-radius: 3px}


.affshk-one{text-align: center;padding-bottom: 30px;}

.affshk-one .container{padding: 30px 30px 30px 40px}
.affshk-one .container p{padding-top: 20px;}
.affshk-one .container p b{color: #fe5677;padding-left: 5px;}
.affshk-one .container img{width: 80px}
.affshk-one .container .col-xs-2{width: 18.7%}
.affshk-two{padding: 80px 0}
.affshk-two h2{text-align: center;font-size: 42px;color: #fff;padding-bottom: 30px}
.affshk-two .container{background: #fff;border-radius: 3px;padding:30px 20px}
.affshk-two .container p{font-size: 14px;line-height: 32px}
.affshk-two .fa{font-size: 12px;color: #888;padding-right: 5px;}
.affshk-two .one{text-align: center;float: left;margin-left: 13px;margin-top: 20px}
.affshk-two .one.first{margin-left: 0;}
.affshk-two .one h2{color: #fff;font-size: 36px;margin-bottom: 0;padding-bottom: 10px;background: #ff8800;padding: 20px;border-radius: 3px 3px 0 0;line-height: 22px;padding-top: 30px}
.affshk-two .one h2 span{font-size: 16px;}
.affshk-two .one p{background: #fff6ec;border-radius:0 0 3px 3px; color: #ff4400;width: 162px;text-align: center;font-size: 13px;border-top: 1px #fff dashed;padding: 3px 0;}


.affshk-two .one .one-ok{font-size: 13px;}






.affshk-three{padding:80px 0;background: #f0f8ff}
.affshk-three h2{text-align: center;font-size: 42px;color: #333;padding-bottom: 50px;}
.affshk-three .container{padding-left: 0;padding-right: 0;}
.affshk-three .affshk-three-cont{background: linear-gradient(45deg, #58acf6 3%, #2e94ed 55%, #1e88e5 91%) !important;padding: 20px 40px;border-radius: 3px;}
.affshk-three .affshk-three-cont.two{background: linear-gradient(45deg, #ff9900 3%, #ff8800 55%, #ff7700 91%) !important;}
.affshk-three .affshk-three-cont h2{text-align: left;color: #fff;padding-bottom: 0;font-size: 60px}
.affshk-three .affshk-three-cont h2 span{font-size: 16px;padding-left: 5px}
.affshk-three .affshk-three-cont p a{color: #fffe00;padding-right: 5px;}
.affshk-three .affshk-three-cont ul{margin-top: 10px;}
.affshk-three .affshk-three-cont p{color: #fff;border: 1px rgba(255,255,255,0.8) dotted;padding: 5px 10px}
.affshk-three .affshk-three-cont ul li{line-height: 30px;color: #fff}



.affshk-four{background:#3657f0;padding: 80px 0 }
.affshk-four h2{text-align: center;font-size: 42px;color: #fff;padding-bottom: 50px;}
.affshk-four .container{padding: 0}
.affshk-four-cont{background: #fff;padding: 30px;border-radius: 3px;}
.affshk-four-cont p{line-height: 30px;font-size: 15px;}

.affshk-five{padding-bottom: 80px;}
.affshk-five .container .left,.affshk-five .container .right{border: 2px rgba(255,255,255,0.4) solid;padding: 30px;border-radius: 10px}
.affshk-five h2{
      text-align: center;
    font-size: 42px;
    color: #fff;
    padding-bottom: 50px;}
.affshk-five ul li{color: rgba(255,255,255,0.8);line-height: 30px}
.affshk-five ul li p{color: #fff;font-weight: bold;padding-top: 10px}
.affshk-five ul li b{color: #fff}
.affshk-five ul li span{color: #fffa00}
.affshk-five .container .right .panel-default>.panel-heading{background: none;border: 0;padding-left: 0;}
.affshk-five .container .right .panel-default>.panel-heading+.panel-collapse>.panel-body{border-top: 0;background: rgba(255,255,255,0.1);border: 0;border-radius: 3px;padding:10px 15px;}
.affshk-five .container .right .panel-default>.panel-heading+.panel-collapse>.panel-body ul{margin-bottom: 0}
.affshk-five .container .right .panel{background: none;border: 0;color: #fff;box-shadow: none}

.affshk-five .container .right .panel-title{color: #fff;font-size: 14px;font-weight: bold}


.affshk-five .panel-group{margin-bottom: 0}

.affshk-four-cont-right .affshk-four-cont-right-cont{border: 1px #ffaa00 solid;border-radius: 3px}
.affshk-four-cont-right span{color: #888}
.affshk-four-cont-right .cont{padding: 10px;}
.affshk-four-cont-right .cont h3{padding-top:20px;font-size: 20px}
.affshk-four-cont-right .cont p{color: #333;margin-top: 17px;}
.numb{border: 1px #ff8800 solid;border-radius: 30px;width: 30px;height: 30px;text-align: center;color: #ff8800;line-height: 28px;position: absolute;left: -15px;top:25px;background: #fff;font-weight: bold
}
.affshk-four-cont-right .cont .col-xs-3{width: 19%}
.affshk-four-cont-right .cont .col-xs-9{width: 81%}

.affshk-four-cont-right p.btn-zc{font-size: 14px !important;margin-right: 15px}
.btn-zc{background: #ff8800;color: #fff;padding: 0px 10px;text-align: center;border-radius: 3px;margin-top: 25px}

.affs-new-click{margin-top: 50px}
.affs-new-click a{background: #ffaa00;padding: 10px 20px;border-radius: 3px;color: #fff;font-size: 16px}
.affs-new-click a .fa{margin-left: 5px;}
.affs-new-menu{background: #f2f2f2 !important}
.affs-new-menu h2{text-align: center;color: #333}
.affs-new-menu h3{color: #333;font-size: 20px;padding-top: 20px}
.affs-tabcontainer.affs-new-menu .tab-content img{float: inherit;}
.copy-bg{background: #f2f2f2;padding: 10px 20px;color: #333;border-radius: 3px;}

.modal-body{border-top: 0 !important;margin-top: 10px !important}
.modal-content{border-radius: 3px !important;box-shadow: none;top:150px;width: 600px !important;padding: 15px 15px 20px 15px !important}

.full-left{float: left}




/* æ–°å¢ž */
.banner-ny{
	padding-top: 120px;
}
.banner-ny-top {
	height: 450px;
}
.banner-ny-top .banner-ny {
	padding-top: 120px;
	height: 450px;
}
.banner-ny-top .banner {
	height: 100%;
	padding-top: 120px;
}

.ded-banner {
	height: 450px;
}

 .banner-activity.yz {
	
}

 .banner-activity.yz.top-header {
	 padding-top: 450px;
 }


.banner-activity.yz  .banner-activity-inner {
	height: 50px;
	background: #FFFFFF;
	box-shadow: 0px 0px 11px 0px rgba(45, 154, 250, 0.16);
}

.banner-activity.yz  .banner-activity-inner .banner-activity-inner-section {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

.banner-activity.yz  .banner-activity-inner .inner-wrapper {
	width: auto !important;
	padding-right: 15px;
	padding-left: 15px;
	display: flex;
}

.banner-activity.yz  .banner-activity-inner .inner-wrapper .inner-wrapper-text {
	color: #333333;
	font-size: 14px;
	position: relative;
	left: -2px;
}

.banner-activity.yz  .banner-activity-inner .inner-wrapper .inner-wrapper-desc{
	width: 71px;
	height: 26px;
	background: #FFFFFF;
	border: 1px solid #FF5107;
	border-radius: 0px 13px 13px 0px;
	color: #FF5107;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	padding: 0 8px;
}

 .banner-activity.yz  .banner-activity-inner .inner-wrapper .inner-wrapper-text .num {
    color: #FF5107;
    font-size: 18px;
    display: inline-block;
    margin: 0 3px;
}
.banner-ny.cloud-disk h1 {
	padding: 0px;
	margin-bottom: 30px;
	font-size: 36px;
	line-height: 1.1;
	color: #fff;
}

.banner-ny.cloud-disk .cloud-disk-left {
	margin-top: 0px !important;
}
.banner-ny .container .col-sm-6 > img {
	width: 480px;
}
.banner-ny .container {
	display: flex;
	align-items: center;
	/* justify-content: space-between; */
	height: 304px;
	position: relative;
}

 .container-nb h1 {
	padding: 0px;
	margin-bottom: 30px;
	font-size: 36px;
	line-height: 1.1;
	color: #FFFFFF;
}

.banner-activity .banner-activity-inner .banner-activity-inner-section > a {
	flex: 1;
	white-space: nowrap;
}

.dedicated-one-cont {
	border: 1px solid #f2f2f2;
}

.dedicated-one .title h2 {
	font-size: 30px;
}

.product-pri .title h2 {
	font-size: 30px;
}
.banner-ny .banner-text p {
	width: 580px;
	font-size: 16px;
	line-height: 26px;
	color: #fff;
}
#content-tz {
	background: none;
}

.banner ul li p {
	line-height: 26px;
	font-size: 16px;
}

.banner .container .index-banner-top {
	margin-left: 0px;
}

.free-use-btn.btn-white {
	    float: left;
	    padding: 6px 35px;
	    background: #fff;
	    color: #3085de;
	    border-radius: 3px;
	    font-weight: 600;
		margin-left: 0px;
		margin-top: 20px;
}
.tencent_message  .free-use-btn.btn-white{
    background: none;
    border: 1px solid #fff;
    color: #fff;
    padding: 5px 35px;
	margin-left: 8px;
}

.banner .container .index-banner-img {
	position: absolute;
	right: 0;
}
.container-nb .yh {
margin-top: 20px;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    background: none;
    border: 1px solid #fff;
    color: #fff;
    padding: 5px 35px;
    font-weight: 600;
    border-radius: 3px;
    margin-left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    width: 128px;
	white-space: nowrap;
}
.container .banner-img {
	position: absolute;
	right: 0;
	max-width: 440px;
	top: 50%;
	transform: translate(0px,-50%);
}
.banner-img img {
	margin: 0px;
}
.wrap-layout.space {
	padding-top: 30px;
}
.banner-ny .banner-text h1 {
	    padding: 0px;
	    margin-bottom: 30px;
	    font-size: 36px;
	    line-height: 1.1;
	    color: #fff;
}



.blank-slide .lead {
	line-height: 26px;
	color: #fff;
	font-size: 16px;
	margin-bottom: 0px;
}
.container .row  .desc-text {
	line-height: 26px;
	font-size: 16px;color:#fff;
}

.blank-slide .row {
    width: 100%;
    display: flex;
    align-items: center;
    height: 100%;
}
.banner-ny .container.colum {
	flex-direction: column;
	justify-content: center;
}


.carousel-inner .container-text.yz .title {
	font-size: 38px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #fff;
	line-height: 1;
	margin-bottom: 20px;
	text-align: left;
	padding-bottom: 0px;
}

.carousel-inner .container-text.yz .desc {
font-size: 42px;
font-family: Microsoft YaHei;
/*font-weight: bold;*/
color: #FFFFFF;
line-height: 1;
margin-bottom: 70px;
letter-spacing:0.08em;
}
.carousel-inner .container-text.yz .banner-Button {
	width: 140px;
	height: 40px;
	background: #121A2E;
	border: 1px solid #FFFFFF;
	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	border-radius: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.carousel-inner .container .container-img {
	display: flex;
	justify-content: flex-end;
}

.carousel-inner .container .container-img > img {
width: 100%;
    position: relative;
    top: -80px;
    /* left: -9px; */
    left: calc(50% + -260px);
}
.carousel-inner .container.home {
	height: 100%;
	align-items: center;
}
.carousel-inner .container.home .container-text {
	margin-top: 0px;
	flex: 1;
}

.carousel-indicators li {
	width: 30px;
	height: 2px;
	background: rgba(255,255,255,0.4);
	border: none;
	
}
.carousel-indicators .active {
	background: #2799FC;
	width: 30px;
	height: 2px;
	border: none;
	margin: 1px;
}

.carousel-inner.banner.index {
	height: 560px;
}

#myCarousel .carousel-indicators.banner {
	bottom: 76px;
}
.Guide-tuijian {
position: absolute;
    bottom: -46px;
    margin-left: 50%;
    transform: translate(-50%, 0);
    background: #fff;
	padding: 0px !important;
	background:none;
}

.Guide-tuijian .container.yz {
	margin: 0 -10px;
	padding: 0px;
}

.Guide-tuijian .container.yz .col-xs-3 {
	padding: 0 10px;
}

.Guide-tuijian .container.yz .col-xs-3 {
	border: none;
}
.Guide-tuijian .container.yz .col-xs-3 .Guide-text {
	padding: 0px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    height: 91px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding-left: 20px;
    box-shadow: 0px 0px 5px 0px rgba(21, 30, 53, 0.1);
}

.index-rj-recommend .carousel-indicators {
	margin-bottom: 20px !important;
}

.banner-activity-inner-section .banner-activity-inner-child {
	width: 50% !important;
	    display: flex;
	    align-items: center;
}
.banner-activity-inner-section .banner-activity-inner-child > a {
	display: flex;
}

.banner-activity.yz  .banner-activity-inner .inner-wrapper .inner-wrapper-desc{
	width: 71px;
	height: 26px;
	background: #FFFFFF;
	border: 1px solid #FF5107;
	border-radius: 0px 13px 13px 0px;
	color: #FF5107;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	padding: 0 8px;
	white-space: nowrap;
}