﻿.margin-0-auto {
	margin: 0 auto;
}
.align-center {
	text-align: center;
}
/*banner*/
.act-banner {
	position: relative;
	padding-top: 234px;
	height: 695px;
	background: url(../images/banner.jpg) no-repeat center;
}
.banner-title {
	margin-bottom: 30px;
	font-size: 46px;
	color: #fff;
	text-align: center;
	height: 91px;
}
.title-big-span {
	display: inline-block;
	height: 91px;
	line-height: 91px;
	font-size: 91px;
	color: #2fc9bd;
}
.banner-subtitle {
	margin: 0 auto;
	height: 30px;
	line-height: 30px;
	font-size: 30px;
	text-align: center;
	color: #fffbfb;
}
/*banner-nav*/
.banner-nav {
	position: absolute;
	left: 50%;
	bottom: -67px;
	margin-left: -600px;
	padding: 10px 0 20px 0;
	width: 1200px;
	height: 134px;
	background: #fff;
}
.banner-nav-item {
	text-align: justify;
	position: relative;
	float: left;
	padding-left: 104px;
	padding-right: 50px;
	height: 102px;
	width: 25%;
	border-left: 1px solid #eaeaea;
}
.banner-nav-item:first-child {
	border: none;
}

.nav-item-pic {
	position: absolute;
	top: 30px;
	left: 38px;
	width: 49px;
	height: 45px;
	background: url(../images/nav_pic_01.png) no-repeat center;
}
.nav-item-pic.pic-2 {
	background-image: url(../images/nav_pic_02.png);
}
.nav-item-pic.pic-3 {
	background-image: url(../images/nav_pic_03.png);
}
.nav-item-pic.pic-4 {
	background-image: url(../images/nav_pic_04.png);
}
.nav-item-title {
	margin-top: 30px;
	margin-bottom: 7px;
	height: 18px;
	line-height: 18px;
	font-size: 18px;
	color: #363636;
}
.nav-item-intro {
	line-height: 20px;
	font-size: 12px;
	color: #a8a8a8;
}

/*模块通用样式*/
.act-module {

}
/*模块标题*/
.act-module-title {
	position: relative;
	margin: 0 auto 50px;
	padding: 0 42px;
	height: 32px;
	line-height: 32px;
	font-size: 32px;
	text-align: center;
	color: #333333;
}
.act-module-title:before {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content: " ";
	width: 42px;
	height: 32px;
	background: url(../images/title_left.png) no-repeat center;
	background-size: 100%;
}
.act-module-title:after {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	content: " ";
	width: 42px;
	height: 32px;
	background: url(../images/title_right.png) no-repeat center;
	background-size: 100%;
}
.rule-btn {
	position: absolute;
	bottom: -28px;
	left: 50%;
	margin-left: -30px;
	width: 60px;
	height: 12px;
	line-height: 12px;
	font-size: 14px;
	color: #999999;
	cursor: pointer;
}
.rule-btn:before {
	position: absolute;
	content: " ";
	bottom: -10px;
	left: 50%;
	margin-left: -5px;
	width: 10px;
	height: 6px;
	background: url(../images/arrow.png) no-repeat center;
}
/*模块小标题*/
.act-module-subtitle {
	position: relative;
	height: 110px;
	line-height: 110px;
	text-align: center;
}
.act-module-subtitle:before {
	position: absolute;
	top: 50%;
	display: block;
	height: 1px;
	width: 100%;
	content: " ";
	background: #e9e9e9;
}
.act-module-subtitle-inner {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 0 12px;
	height: 80px;
	font-size: 24px;
	color: #343434;
	background: #f4f4f4;
}
.server-module .act-module-subtitle-inner {
	background: #fff;
}
/*优势样式*/
.superiority-wrapper {
	background: #fff;
	padding: 14px 12px;
	height: 298px;
	box-shadow: 0 4px 15px rgba(0,0,0,.1);
}
.superiority-inner {
	border-top: 1px dashed #e2e2e2;
	height: 132px;
}
.superiority-inner:first-child {
	border-top: none;
}
.superiority-inner-item {
	position: relative;
	float: left;
	border-left: 1px dashed #e2e2e2;
	padding: 25px 56px 0 100px;
	width: 33.3%;
	height: 100%;
}
.superiority-inner-item:first-child {
	border-left: none;
}
/*优势背景图*/
.superiority-inner-pic {
	position: absolute;
	width: 63px;
	height: 55px;
	left: 28px;
	top: 28px;
	background: url(../images/super_pic_01.png) no-repeat center;
}
.superiority-inner-pic.pic-02 {
	background-image: url(../images/super_pic_02.png);
}
.superiority-inner-pic.pic-03 {
	background-image: url(../images/super_pic_03.png);
}
.superiority-inner-pic.pic-04 {
	background-image: url(../images/super_pic_04.png);
}
.superiority-inner-pic.pic-05 {
	background-image: url(../images/super_pic_05.png);
}
.superiority-inner-pic.pic-06 {
	background-image: url(../images/super_pic_06.png);
}
.superiority-inner-pic.pic-07 {
	background-image: url(../images/super_pic_07.png);
}
.superiority-inner-pic.pic-08 {
	background-image: url(../images/super_pic_08.png);
}
.superiority-inner-pic.pic-09 {
	background-image: url(../images/super_pic_09.png);
}
.superiority-inner-pic.pic-10 {
	background-image: url(../images/super_pic_10.png);
}
.superiority-inner-pic.pic-11 {
	background-image: url(../images/super_pic_11.png);
}
.superiority-inner-pic.pic-12 {
	background-image: url(../images/super_pic_12.png);
}

.superiority-title {
	margin-bottom: 7px;
	height: 12px;
	line-height: 12px;
	font-size: 12px;
	color: #313131;
}
.superiority-inner-intro {
	line-height: 22px;
	font-size: 12px;
	text-align: justify;
	color: #9a9a9a;
}























.act-module-item {
	position: relative;
	float: left;
	margin-left: 21px;
	width: 284px;
	background: #fff;
}
.act-module-item:first-child {
	margin-left: 0;
}
.reduce-tip {
	position: absolute;
	top: 0;
	left: 0;
	width: 76px;
	height: 73px;
	display: block;
	background: url(../images/reduce_tip.png) no-repeat center;
}
.module-item-title {
	padding-top: 18px;
	height: 66px;
	line-height: 20px;
	font-size: 20px;
	color: #fff;
	background: #3ac4d1;
	text-align: center;
	background: url(../images/star_bg0.jpg) no-repeat center;
}
.module-item-title.star1 {
	background-image: url(../images/star_bg1.jpg);
}
.module-item-title.star2 {
	background-image: url(../images/star_bg2.jpg);
}
.module-item-title.star3 {
	background-image: url(../images/star_bg3.jpg);
}
.module-item-content {
	border: 1px solid #e0e0e0;
	border-top: none;
	padding: 31px 19px 28px;
	margin-bottom: 0;
}
.server-module .module-item-content {
	padding-top: 21px;
}
.module-item-content-intro {
	margin-bottom: 28px;
	line-height: 20px;
	font-size: 12px;
	color: #9d9d9d;
}
.module-item-param {
	margin-bottom: 20px;
	padding: 0 24px;
	background: #f9f9f9;
}
.param-item {
	border-top: 1px dashed #e1e1e1;
	height: 66px;
}
.server-module .param-item {
	height: 70px;
}
.param-item:first-child {
	border-top: none;
}
.param-item-inner {
	float: left;
	width: 90px;
	text-align: center;
}
.server-module .param-item-inner {
	width: 98px;
	white-space: nowrap;
}
.param-item-inner.left {
	margin-right: 0;
}
.param-inner-title {
	position: relative;
	display: inline-block;
	margin-top: 13px;
	margin-bottom: 4px;
	height: 24px;
	line-height: 24px;
	font-size: 24px;
	color: #323232;
}
.server-module .param-inner-title {
	margin-top: 16px;
}
.param-inner-title.single:before {
	position: absolute;
	content: " ";
	top: 4px;
	right: -40px;
	display: block;
	width: 33px;
	height: 18px;
	background: url(../images/single_enjoy.png) no-repeat center;
}
.small-en {
	font-size: 16px;
}
.param-inner-subtitle {
	height: 14px;
	line-height: 14px;
	font-size: 14px;
	color: #989898;
}
.safe-tip {
	margin: 4px auto 0;
	padding-left: 22px;
	padding-bottom: 14px;
	width: 96px;
	height: 30px;
	line-height: 16px;
	font-size: 12px;
	color: #44bffd;
	background: url(../images/safe_icon.png) no-repeat 3px 1px;
}
.area-selet-wrapper {
	margin-bottom: 15px;
	text-align: center;
}
.area-selet-inner {
	display: inline-block;
}
.area-selet-item {
	float: left;
	width: 100px;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	color: #666666;
	border: 1px solid #e2e2e2;
	text-align: center;
	cursor: pointer;
}
.area-selet-item.active {
	background: #42cdcf;
	border-color: #42cdcf;
	color: #fff;
}
.area-selet-item.disabled {
	background: #eee;
	color: #aaa;
	cursor: not-allowed;
}
/*价格*/
.module-item-price {
	margin-bottom: 20px;
	text-align: center;
	font-size: 14px;
	color: #ff6100;
}
.price-big {
	font-size: 26px;
}
/*购买按钮*/
.buy-btn {
	display: block;
	margin: 0 auto;
	width: 124px;
	height: 34px;
	line-height: 34px;
	color: #fff;
	background: #ff6600;
	font-size: 12px;
	text-align: center;
}
.buy-btn.disabled {
	background: #eee;
	color: #aaa;
	cursor: not-allowed;
}
/*云虚拟主机模块*/
.host-module {
	padding-top: 150px;
	padding-bottom: 44px;
	background: #f4f4f4;
}

.host-module .act-module-title {
	width: 270px;
}
/*服务器*/
.server-module {
	padding-top: 80px;
}
.server-module .act-module-title {
	width: 240px;
}
/*升级续费*/
.update-module {
	padding-top: 80px;
}
.update-module .act-module-title {
	width: 340px;
}
.update-wrapper {
	padding-top: 55px;
	height: 398px;
	background: url(../images/update_bg.jpg) no-repeat center;
}
.update-inner{
	margin: 0 auto;
	padding-top: 28px;
	width: 866px;
	height: 294px;
	border-radius: 10px;
	background: #fff;
}
.update-inner-item {
	float: left;
	width: 433px;
	height: 236px;
	text-align: center;
}
.update-inner-item:first-child {
	border-right: 1px dashed #bfbfbf;
}

.update-inner-title {
	height: 50px;
	line-height: 70px;
	font-size: 20px;
	color: #2fb8d3;
}
.update-inner-subtitle {
	margin-bottom: 14px;
	color: #1f1f1f;
	font-size: 36px;
}
.big-num {
	font-size: 62px;
	color: #ff6600;
}
.update-inner-intro {
	margin-bottom: 25px;
	height: 14px;
	line-height: 14px;
	color: #7d7d7d;
	font-size: 14px;
}
/*解决方案*/
.solution-module {
	background: #f4f4f4;
	padding-bottom: 74px;
	padding-top: 80px;
}
.solution-module .act-module-title {
	width: 370px;
}
.solution-item {
	position: relative;
	float: left;
	padding-top: 194px;
	width: 20%;
	height: 308px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	background: url(../images/solution_bg.jpg) no-repeat 0 0;
}
.solution-item.item-02 {
	background-position: -240px 0;
}
.solution-item.item-03 {
	background-position: -480px 0;
}
.solution-item.item-04 {
	background-position: -720px 0;
}
.solution-item.item-05 {
	background-position: -960px 0;
}
.solution-item-detail {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	padding: 60px 30px 0;
	width: 100%;
	height: 100%;
	line-height: 22px;
	font-size: 12px;
	background: url(../images/so_item_bg.jpg) no-repeat center;
	text-align: justify;
}
.solution-item:hover .solution-item-detail {
	display: block;
}
.solution-btn {
	display: block;
	position: absolute;
	bottom: 46px;
	left: 50%;
	margin-left: -52px;
	width: 104px;
	height: 32px;
	border: 1px solid #fff;
	line-height: 30px;
	font-size: 12px;
	text-align: center;
	color: #fff;
}
/*证书*/
.certificate-module {
	background: #fff;
	padding-top: 80px;
}
.certificate-module .act-module-title {
	width: 296px;
}
.free-certificate {
	height: 590px;
	background: #fff;
}
.swiper-wrapper {
	position: relative;
	height: 140px;
	overflow: hidden;
}
.certificat-swiper-wrapper {
	position: relative;
	width: 1200px;
	height: 213px;
	overflow: hidden;
}
.certificat-swiper-inner {
	height: 213px;
}
.certificat-item {
	float: left;
	margin-left: 20px;
	width: 183px;
	height: 174px;
	border: 1px solid #d9d9d9;
}
.certificat-item:hover {
	box-shadow: 0 0 8px rgba(0,0,0,0.12);
}
.certificat-item:first-child {
	margin-left: 0;
}
.certificat-item-wrapper {
	width: 100%;
	height: 100%;
}
.certificat-pic {
	margin: 0 auto ;
	width: 102px;
	height: 111px;
}
.certificat-pic1 {
	background: url(../images/certificate_bg_01.png) no-repeat center 30px;
}
.certificat-pic2 {
	background: url(../images/certificate_bg_02.png) no-repeat center 30px;
}
.certificat-pic3 {
	background: url(../images/certificate_bg_03.png) no-repeat center 30px;
}
.certificat-pic4 {
	background: url(../images/certificate_bg_04.png) no-repeat center 30px;
}
.certificat-pic5 {
	background: url(../images/certificate_bg_05.png) no-repeat center 30px;
}
.certificat-pic6 {
	background: url(../images/certificate_bg_06.png) no-repeat center 30px;
}
.certificat-introduce {
	margin-top: 24px;
	width: 100%;
}
.certificat-introduce-top {
	margin-bottom: 12px;
	height: 16px;
	line-height: 16px;
	font-size: 16px;
	color: #313131;
	text-align: center;
}
.certificat-introduce-bottom {
	margin-top: 12px;
	height: 12px;
	line-height: 12px;
	color: #999;
	font-size: 12px;
	text-align: center;
}


.rule-wrapper {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -420px;
	margin-top: -180px;
	width: 839px;
	height: 578px;
	/*background: url(../images/pop_bg.png) no-repeat center;*/
	z-index: 1000;
}
.rule-wrapper.smart-wrapper {
	height: 310px;
	background: #fff;
}
.rule-wrapper .rule-title {
	padding-left: 60px;
	margin-top: 48px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 18px;
	text-align: left;
	color: #1ea6d7;
}
.rule-wrapper p {
	margin-top: 5px;
	padding: 0 70px 0 60px;
	line-height: 20px;
	font-size: 12px;
	color: #666;
}
.close-pop {
	display: inline-block;
	position: absolute;
	right: 28px;
	top: 24px;
	width: 15px;
	height: 14px;
	font-size: 20px;
	cursor: pointer;
	background: url(../images/close_icon.png) no-repeat center;
}
.rule-mask {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 999;
}














































