﻿#J_webhostingTabContainer .wjf-ui-tab-content {
	-webkit-transition:none;
	transition:none
}
.slide-container .slide-pagination {
	bottom:22px
}
.content-top {
	padding-bottom:60px;
	background:#f1f4f4
}
.webhosting-tab {
	margin:0 auto;
	font-size:0;
	position:relative;
	/*! margin-top:-15px; */
	z-index:90
}
.webhosting-tab li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	float:none
}
.webhosting-tab .item {
	padding:0 85px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	height:64px;
	line-height:64px;
	font-size:16px;
	color:#000;
	background-repeat:no-repeat;
	background-color:#fff;
	border-left:1px solid #e5e5e5
}
.webhosting-tab .item1 {
	background-image:url(/images2016/webhosting/webhosting-icon1.jpg?__sprite);
	background-position:90px 16px;
	border-left:0
}
.webhosting-tab .item2 {
	background-image:url(/images2016/webhosting/webhosting-icon2.jpg?__sprite);
	background-position:88px 15px
}
.webhosting-tab .item3 {
	background-image:url(/images2016/webhosting/webhosting-icon3.jpg?__sprite);
	background-position:86px 14px
}
.webhosting-tab .item4 {
	background-image:url(/images2016/webhosting/webhosting-icon4.jpg?__sprite);
	background-position:88px 14px
}
.webhosting-tab .active .item {
	display:inline-block;
	*display:inline;
	*zoom:1;
	color:#fff;
	position:relative;
	background-color:#2087ed
}
.webhosting-tab .active .item1 {
	background-image:url(/images2016/webhosting/webhosting-icon1-hover.jpg?__sprite);
	background-position:90px 16px
}
.webhosting-tab .active .item2 {
	/*background-image:url(../images/webhosting-icon2-hover.jpg);*/
	background-position:88px 15px
}
.webhosting-tab .active .item3 {
	background-image:url(/images2016/webhosting/webhosting-icon3-hover.jpg?__sprite);
	background-position:86px 14px
}
.webhosting-tab .active .item4 {
	background-image:url(/images2016/webhosting/webhosting-icon4-hover.jpg?__sprite);
	background-position:88px 14px
}
.webhosting-tab .active .item-arrow {
	position:absolute;
	width:18px;
	height:6px;
	left:50%;
	top:64px;
	margin-left:-6px;
	background:url(/images2016/webhosting/triangle1.jpg) no-repeat bottom center;
	_overflow:hidden
}
.webhosting-title {
	padding-top:20px;
	text-align:center
}
.webhosting-title h3 {
	font-size:24px;
	color:#505050
}
.webhosting-title .web-line {
	margin:10px auto 0;
	width:94px;
	border-bottom:2px solid #777
}
.webhosting-title .web-wavy-line {
	width:47px;
	background:#F1F4F4;
	margin:-12px auto 0;
	*margin-top:-12px
}
.webhosting-title .web-wavy-line i {
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:37px;
	height:6px;
	background:url(../images/triangle2.jpg) repeat-x;
}
.webhosting-title p {
	padding-top:4px;
	font-size:16px;
	color:#8b8b8b
}
.webhosting-list {

}
.webhosting-list li {
	float:left;
}
.webhosting-list .middle-column {
	padding:0 34px
}
.webhosting-list .column {
	padding:40px 0 34px;
	position:relative;
	width:420px;
	background:#f1f1f1;
	margin:10px;
	margin-top:8px;
}
.webhosting-hot {
	padding-left:8px;
	padding-top:4px;
	position:absolute;
	left:0;
	top:0;
	width:71px;
	height:59px;
	background:url(../images/triangle3.jpg) no-repeat top left;
	font-size:14px;
	color:#fff;
	text-align:left
}
.webhosting-list .column .column-title {
	margin:0 30px;
	padding-bottom:12px;
	border-bottom:1px solid #e1e1e1;
	line-height:1.1;
	font-size:26px;
	color:#444;
	text-align:center;
	position:relative
}
.webhosting-list .column .price {
	position:relative;
	padding-top:12px;
	font-size:14px;
	color:#666;
	text-align:center;
	line-height:1.1
}
.webhosting-list .column .price .price-num {
	font-size:24px;
	color:#ff8500
}
.webhosting-list .column .price .price-line {
	margin-left:-9px;
	font-size:24px;
	color:#a7a4a4
}
.domain-tip {
	display:inline-block;
	*display:inline;
	*zoom:1;
	position:absolute;
	top:14px;
	right:86px;
	background-color:#e8f8fe;
	border-radius:16px;
	border:1px solid #c7dff9;
	font-size:12px;
	z-index:1;
	color:#2086EE;
	padding:0 5px;
	line-height:20px
}
.sheng100 {
	display:inline-block;
	*display:inline;
	*zoom:1;
	position:relative;
	padding:0 2px;
	border-radius:2px 2px 2px 0;
	background:#2fd72b;
	font-size:12px;
	color:#fff;
	text-align:center;
	position:absolute;
	top:14px;
	right:86px;
	line-height:20px
}
.sheng100 i {
	position:absolute;
	bottom:-10px;
	left:0;
	width:10px;
	height:10px;
	background:url(/images2016/webhosting/basic-icon.jpg) no-repeat 0 -400px
}
.sheng100 .sheng100-refresh-tip,.domain-tip .domain-refresh-tip {
	position:absolute;
	top:-12px;
	left:50px;
	padding:2px;
	width:220px;
	background:#FFF;
	border-radius:4px;
	border:1px solid #2086EE;
	font-size:12px;
	text-align:center;
	z-index:19;
	color:#666;
	display:none
}
.sheng100:hover .sheng100-refresh-tip,.domain-tip:hover .domain-refresh-tip {
	display:block
}
.webhosting-info {
	padding:30px 15px 0 30px
}
.webhosting-info li {
	padding:0 15px;
	float:left;
	font-size:14px;
	color:#707070;
	text-align:center
}
.webhosting-info li p {
	font-size:16px;
	font-weight:700;
	color:#565656
}
.webhosting-info .border-line {
	border-left:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7
}
.webhosting-list .column .column-config {
	padding-left:45px;
	line-height:1.1;
	text-align:left
}
.webhosting-list .column .column-config dt {
	font-size:16px;
	float:left;
	padding-top:18px;
	width:64px;
	color:#2f2f2f;
	font-weight:700
}
.webhosting-list .column .column-config dd {
	font-size:16px;
	padding-top:18px;
	color:#4b4b4b
}
.webhosting-list .column .column-more {
	padding:14px 0 0 45px;
	font-family:"新宋体"
}
.webhosting-list .column .column-more a {
	color:#1061ac;
	font-weight:700
}
.webhosting-list .column .column-bottom {
	padding-top:24px;
	text-align:center
}
.webhosting-list .column .column-btn {
	display:inline-block;
	width:220px;
	height:46px;
	line-height:46px;
	font-size:16px;
	background:#2086ee;
	color:#fff;
	text-align:center;
	cursor:pointer
}
.webhosting-list .column:hover {
	box-shadow:0 10px 4px 0 rgba(0,0,0,.1)
}
.webhosting-list .column-btn:hover {
	background:#0eb7fd
}
.webhosting-product {
	padding-bottom:40px
}
.webhosting-product .wp-title {
	padding-left:20px;
	padding-bottom:8px;
	border-left:2px solid #5a77fd;
	background:url(/images2016/webhosting/advantage-icon.jpg) no-repeat -178px -162px;
	font-size:20px;
	color:#3b3b3b
}
.wp-gaishu {
	padding-top:40px
}
.wp-gaishu .wp-gaishu-list {
	padding-top:30px
}
.wp-gaishu .wp-gaishu-list li {
	float:left;
	padding-right:110px
}
.wp-gaishu .wp-gaishu-list .column {
	width:215px;
	font-size:16px;
	font-weight:700;
	color:#3b3b3b;
	text-align:center
}
.wp-gaishu-list .column .column-icon {
	height:130px;
	background:url(../images/advantage-icon.jpg) no-repeat;
}
.wp-gaishu-list .column .column-icon1 {
	background-position:-160px 0
}
.wp-gaishu-list .column .column-icon2 {
	background-position:-416px 0
}
.wp-gaishu-list .column .column-icon3 {
	background-position:-666px 0
}
.wp-gaishu-list .column .column-icon4 {
	background-position:-908px 0
}
.wp-gaishu-list .column .column-txt {
	padding-top:6px;
	line-height:24px;
	font-size:14px;
	font-weight:400;
	color:#5a5a5a
}
.wp-zhichi {
	padding-top:50px
}
.wp-zhichi .wp-zhichi-top {
	padding-top:48px;
	float:left;
	width:50%
}
.wp-zhichi .wp-zhichi-top .wp-zhichi-icon {
	margin-right:20px;
	float:left;
	width:126px;
	height:126px;
	background:url(../images/advantage-icon.jpg) no-repeat;
}
.wp-zhichi .wp-zhichi-top .wp-zhichi-icon1 {
	background-position:-178px -282px
}
.wp-zhichi .wp-zhichi-top .wp-zhichi-icon2 {
	background-position:-382px -282px
}
.wp-zhichi .wp-zhichi-top h3 {
	padding-top:40px;
	font-size:24px;
	color:#3b3b3b
}
.wp-zhichi .wp-zhichi-top p {
	padding-top:6px;
	font-size:16px;
	color:#929292
}
.wp-zhichi .wp-zhichi-list {
}
.wp-zhichi .wp-zhichi-list li {
	padding:15px 0;
	width:500px;
	float:left
}
.wp-zhichi .wp-zhichi-list .li-item {
	padding-right:90px;
	margin-right:90px;
	border-right:1px dashed #e6e6e6
}
.wp-zhichi .wp-zhichi-list .item-icon {
	margin-right:20px;
	float:left;
	width:70px;
	height:64px;
	background:url(../images/advantage-icon.jpg) no-repeat;
}
.wp-zhichi .wp-zhichi-list .item-icon1 {
	background-position:-166px -484px
}
.wp-zhichi .wp-zhichi-list .item-icon2 {
	background-position:-312px -484px
}
.wp-zhichi .wp-zhichi-list .item-icon3 {
	background-position:-452px -476px
}
.wp-zhichi .wp-zhichi-list .item-icon4 {
	background-position:-600px -480px
}
.wp-zhichi .wp-zhichi-list .item-icon5 {
	background-position:-736px -480px
}
.wp-zhichi .wp-zhichi-list .item-icon6 {
	background-position:-870px -480px
}
.wp-zhichi .wp-zhichi-list .item-txt {
	overflow:hidden
}
.wp-zhichi .wp-zhichi-list .item-txt h5 {
	font-size:16px;
	font-weight:700;
	color:#3b3b3b
}
.wp-zhichi .wp-zhichi-list .item-txt p {
	padding-top:8px;
	line-height:24px;
	font-size:14px;
	color:#5a5a5a
}
.wp-station {
	padding-top:70px;
	padding-left:30px
}
.wp-station h3 {
	padding-left:10px;
	border-left:2px solid #5a77fd;
	font-size:20px;
	color:#3b3b3b;
}
.wp-station-list {
	margin-top:20px;
	padding:2px 0 16px 20px;
	background:#fff;
}
.wp-station-list li {
	float:left;
	padding-right:14px;
	padding-top:14px
}
.wp-station-list li img {
	border:1px solid #e0e0e0
}
.wp-case {
	padding-top:46px
}
.wp-case-list {
	padding-top:60px
}
.wp-case-list li {
	width:50%
}
.wp-case-list li img {
	float:left;
	margin-right:16px
}
.wp-case-list .wp-case-txt {
	overflow:hidden
}
.wp-case-list .wp-case-txt h5 {
	font-size:16px;
	color:#252525
}
.wp-case-list .wp-case-txt p {
	padding-top:8px;
	line-height:22px;
	font-size:12px;
	color:#5e5e5e;
	margin-right:50px
}
.wp-case-list li:nth-of-type(even) .wp-case-txt p {
	margin-right:0
}
#J_khalBanner {
	height:170px
}
#J_khalBanner .slide-pagination {
	bottom:0
}
.wp-sql {
	padding-top:24px
}
.wp-sql-list {
	padding-top:20px
}
.wp-sql-list li {
	float:left;
	width:360px;
	padding-right:36px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.wp-sql-list li a {
	font-size:12px;
	color:#575757
}
.wp-sql-list li a:hover {
	color:red
}
.webhosting-goumai {
	padding-top:24px;
	padding-bottom:60px
}
.webhosting-goumai .webhosting-goumai-top {
	height:703px;
	background:url(../images/webhosting-img1.jpg) no-repeat left top;
}
.webhosting-goumai .webhosting-goumai-bottom {
	height:867px;
	background:url(../images/webhosting-img2.jpg) no-repeat left top;
}
.webhosting-goumai .goumai-section1 {
	padding-top:128px;
	padding-left:590px
}
.webhosting-goumai .goumai-section2 {
	padding-top:150px;
	padding-left:20px;
	width:510px
}
.webhosting-goumai .goumai-section3 {
	padding-top:90px;
	padding-left:640px
}
.webhosting-goumai .goumai-section4 {
	padding-top:150px;
	padding-left:20px;
	width:520px
}
.webhosting-goumai p {
	font-size:24px;
	color:#5d5d5d
}
.webhosting-goumai .goumai-list {
	padding-top:12px
}
.webhosting-goumai .goumai-list li {
	padding-left:16px;
	line-height:1.8;
	background:url(/images2016/webhosting/webhosting-icon.jpg) no-repeat 0 8px;
	font-size:16px;
	color:#777
}
.webhosting-advantage {
}
.webhosting-advantage .webhosting-advantage-list {
	padding-bottom:100px;
	font-size:14px;
	color:#888
}
.webhosting-advantage .webhosting-advantage-list li {
	padding-top:90px;
	padding-right:54px;
	float:left;
	width:360px
}
.webhosting-advantage .webhosting-advantage-list .webhosting_img {
	float:left;
	margin-right:10px;
	width:100px;
	height:104px;
	background:url(../images/advantage-icon.jpg) no-repeat center center;
}
.webhosting-advantage .webhosting-advantage-list .webhosting_img_1 {
	background-position:0 0
}
.webhosting-advantage .webhosting-advantage-list .webhosting_img_2 {
	background-position:0 -182px
}
.webhosting-advantage .webhosting-advantage-list .webhosting_img_3 {
	background-position:0 -366px
}
.webhosting-advantage .webhosting-advantage-list .webhosting_img_4 {
	background-position:0 -548px
}
.webhosting-advantage .webhosting-advantage-list .webhosting_img_5 {
	background-position:0 -732px
}
.webhosting-advantage .webhosting-advantage-list .webhosting_img_6 {
	background-position:0 -914px
}
.webhosting-advantage .webhosting-advantage-list .advantage-title {
	padding:10px 0;
	font-size:18px;
	line-height:1.1;
	font-weight:700;
	color:#484848
}
.webhosting-faq {
	margin-top:26px
}
.webhosting-faq .faq-list {
	line-height:1
}
.webhosting-faq .faq-list dt {
	padding:30px 0 8px;
	font-size:16px;
	color:#277cdf
}
.webhosting-faq .faq-list dd {
	padding:10px 0 14px;
	line-height:1.7;
	font-size:14px;
	color:#666;
	border-bottom:1px dashed #d3d3d3
}
.webhosting-faq .faq-list dt span,.webhosting-faq .faq-list dd span {
	float:left;
	padding-right:10px;
	font-weight:700
}
.webhosting-faq .faq-list dt span,.webhosting-faq .faq-list dd p {
	overflow:hidden
}
.webhosting-faq .faq-list .yd_link {
	color:#fd741b
}
.webhosting-faq .faq-list .yd_link:hover {
	text-decoration:underline
}
.webhosting-faq .faq-btn {
	display:block;
	margin:38px auto 30px;
	width:280px;
	height:50px;
	line-height:50px;
	background:#eee;
	font-size:14px;
	color:#7b7b7b;
	text-align:center
}
.webhosting-faq .faq-btn:hover {
	background:#e4e4e4
}
#J_PJListContainer {
	margin-top:24px
}
@media screen and (max-width:1206px) {
	.webhosting-tab .item {
		padding:0 74px 0 120px
	}
	.webhosting-list .middle-column {
		padding:0 9px
	}
	.webhosting-list .column {
		width:324px
	}
	.webhosting-info li {
		padding:0 8px
	}
	.wp-gaishu .wp-gaishu-list li {
		padding-right:40px
	}
	.wp-zhichi .wp-zhichi-list li {
		width:400px
	}
	.wp-case-list li {
		width:450px
	}
	.wp-case-list .li-item {
		padding-right:50px
	}
	.wp-sql-list li {
		width:294px
	}
	.webhosting-goumai .goumai-section1 {
		padding-left:530px
	}
	.webhosting-goumai .goumai-section2 {
		padding-top:120px
	}
	.webhosting-goumai .goumai-section3 {
		padding-left:570px
	}
	.webhosting-advantage .webhosting-advantage-list li {
		padding-right:30px;
		width:300px
	}
}
.desktop .webhosting-tab .item {
	padding:0 74px 0 120px
}
.desktop .webhosting-list .middle-column {
	padding:0 9px
}
.desktop .webhosting-list .column {
	width:324px
}
.desktop .webhosting-info li {
	padding:0 10px
}
.desktop .wp-gaishu .wp-gaishu-list li {
	padding-right:40px
}
.desktop .wp-zhichi .wp-zhichi-list li {
	width:400px
}
.desktop .wp-case-list li {
	padding-right:34px
}
.desktop .wp-case-list .wp-case-txt p {
	width:300px
}
.desktop .wp-sql-list li {
	width:294px
}
.desktop .webhosting-goumai .goumai-section1 {
	padding-left:530px
}
.desktop .webhosting-goumai .goumai-section2 {
	padding-top:120px
}
.desktop .webhosting-goumai .goumai-section3 {
	padding-left:570px
}
.desktop .webhosting-advantage .webhosting-advantage-list li {
	padding-right:30px;
	width:300px
}
div.tb-void {
	margin:0 auto;
	border-top:1px solid #E6E6E6;
	overflow:hidden
}
div.tb-void table {
	border-collapse:collapse;
	border:solid #E6E6E6;
	border-width:0 1px 1px;
	width:100%;
	margin:0
}
div.tb-void th {
	background:#f7f7f7 url(/newimages/tb-th_2011.gif) 0 bottom repeat-x;
	height:31px;
	color:#666;
	font-weight:400;
	padding:0
}
div.tb-void td {
	border:solid #E6E6E6;
	border-width:1px 0 0 1px;
	padding:5px 4px;
	text-align:center
}
input.textstyle {
	padding:0 5px;
	border-radius:3px;
	font-size:16px;
	line-height:28px;
	border:1px solid #999;
	color:#000;
	height:28px;
	letter-spacing:1px
}
input.btnstyle {
	background:#1b75b8;
	padding:0 20px;
	border-radius:3px;
	font-size:14px;
	line-height:30px;
	border:0;
	color:#fff;
	cursor:pointer;
	text-align:center;
	height:30px;
	text-indent:0
}
input.btnstyle_up {
	background:#1b75b8;
	padding:0 15px;
	border-radius:3px;
	font-size:12px;
	line-height:20px;
	border:0;
	color:#fff;
	cursor:pointer;
	text-align:center;
	height:20px
}
input.textbtn {
	background:#F30;
	padding:0 20px;
	border-radius:3px;
	font-size:14px;
	line-height:30px;
	border:0;
	color:#fff;
	cursor:pointer;
	text-align:center;
	height:30px;
	text-indent:0
}
input.textbtn:hover {
	background:red
}
input.btnstyle:hover {
	background-color:#06c
}
#setebsidbox {
	margin:5px 10px
}



body{background:#fff;}
.container{margin:0 auto;width:1180px;margin-top:10px; background:#fff}
.row{margin-left:-20px;*zoom:1}
.STYLE2{color:#06f;}
#left-bar .menu{display:block;margin:5px auto;}
#left-bar .menu .dropdown{display:none}
#left-bar .menu .button{display:block;height: 45px;line-height: 45px;color: #000;padding-left: 50px;border-left: 4px solid #007edf; background-color:#FFF;font-size: 16px;	position: relative;border-bottom: 1px solid #ddd;}
#left-bar .menu .dropdown div{background: #FFF; border: 1px solid #ddd;}
#left-bar .menu .dropdown div a{display: block;height: 45px;line-height: 45px;color: #000;text-indent: 60px;/*border-bottom: 1px solid #ddd; */font-size: 14px;}
#left-bar .menu .dropdown div a:hover{background: #2086EE; color:#FFFFFF;text-decoration:none; }
#left-bar .menu .dropdown div a:active{background: #2086EE; color:#FFFFFF;text-decoration:none; }
#left-bar .menu .button a:hover{ text-decoration: none;}
#left-bar .menu .button i{ width: 20px; height: 10px; display: block; position: absolute; right: 20px; top:15px; }
#left-bar .menu .menuDiv li.level1>h3>a.current{ background: #eee; color:#000; border-bottom:1px solid #ccc;text-decoration:none; }
.span3{display:inline;float:left;width:280px;min-height:1px;margin-left:20px}
.span9{display:inline;float:left;width:880px;min-height:1px;margin-left:20px}




.slide-container {
	overflow:hidden;
	position:relative;
	_zoom:1
}
.slide-container .slide-wrapper li {
	zoom:1;
	vertical-align:middle;
	float:left;
	_overflow:hidden
}
.slide-container .slide {
	background-repeat:no-repeat;
	background-position:center center;
	display:block;
	height:100%;
	background-image:url(/js2016/lib/jquery.SuperSlide/images/loading.gif);
	font-size:0
}
.slide-container .slide-pagination {
	height:16px;
	width:100%;
	z-index:2;
	position:absolute;
	bottom:10px;
	left:0
}
.slide-container .slide-pagination ul {
	overflow:hidden;
	zoom:1;
	text-align:center;
	height:16px
}
.slide-container .slide-pagination ul li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:12px;
	height:12px;
	background:#9f9e9e;
	border-radius:16px;
	margin:0 4px;
	text-indent:-99999px;
	*text-indent:0;
	font-size:0;
	vertical-align:top;
	cursor:pointer
}
.slide-container .slide-pagination ul li.on {
	width:8px;
	height:8px;
	border:solid 2px #fff;
	background:rgba(159,158,158,.55);
	*background:#9f9e9e
}
.auto-size-fold .slide-wrapper ul,.auto-size-fold .slide-wrapper ul li {
	width:100%!important
}

.slide-h-268 {
	height:268px;
	overflow:hidden
}
.slide-h-268 .slide-wrapper li {
	height:268px;
	display:block
}
.cl:after,.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.cl,.clearfix {
	zoom:1
}