/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  margin: .67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}

/*! Zhujike - Base */
*{
	font-family: "Hiragino Sans GB","Hiragino Sans GB W3","Helvetica Neue",Helvetica,Arial,"Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
	position: relative;
	min-height: 1px;
	float: left;
}
.col-1{ width: 8.33333333%; }
.col-2{ width: 16.66666667%; }
.col-3{ width: 25%; }
.col-4{ width: 33.33333333%; }
.col-5{ width: 41.66666667%; }
.col-6{ width: 50%; }
.col-7{ width: 58.33333333%; }
.col-8{ width: 66.66666667%; }
.col-9{ width: 75%; }
.col-10{ width: 83.33333333%; }
.col-11{ width: 91.66666667%; }
.col-12{ width: 100%; }
.row{
	width: 100%;
	min-height: 1px;
	position: relative;
}
.container{
	max-width: 1280px;
	min-width: 1000px;
	margin: auto;
}
.clearfix,
.container:before,
.container:after
.row:before,
.row:after{
  display: table;
  content: " ";
}
.clearfix,
.container:after,
.row:after,
.nav:after{
  clear: both;
}

/*! Zhujike - Style */
.header.top{
	height: 110px;
	background-color: #3498DB;
	border-bottom: solid 5px #3E9DDD;
}
.header.top .logo{
	display: block;
	background-image:url(../img/sprite.png);
	width: 175px;
	height: 50px;
	margin: 30px 0 0 10px;
}
.header.top .nav.item{
	font-size: 19px;
	color: #D6EAF8;
	text-decoration: none;
	line-height: 105px;
	display: block;
	float: left;
	width: 100px;
	text-align: center;
	border-bottom: solid 5px #3E9DDD;
	
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.header.top .nav.item.active{
	border-bottom: solid 5px #96D0F8;
	color: #fff;
}
.header.top .nav.item:hover{
	border-bottom: solid 5px #96D0F8;
	color: #fff;
}
.header.top .btn.login{
	display: inline-block;
	padding: 5px 18px;
	border: solid 2px #fff;
	border-radius: 5px;
	margin: 35px 10px 0 0;
	text-align: center;
	text-decoration: none;
	color: #fff;
	
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.header.top .btn.login:hover{
	background-color: #fff;
	color: #3498DB;
}

.row.intro{
	height: 500px;
	background-color: #3498DB;
	color: #fff;
	background-image: url(../img/top_bg.png);
	background-size: cover;
	background-position: -100px 0;
}

.arrows.white{
	position: absolute;

	top: 200px;
	left: 0;
	right: 0;
	z-index: 999;
}
.arrows.white .arrow{
	height: 67px;
	width: 40px;
	background-image:url(../img/sprite.png);
	cursor: pointer;
	
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
.arrows.white .arrow:hover{
	opacity: 0.5;
}
.arrows.white .arrow.left{
	background-position: 0 -176px;
	float: left;
}
.arrows.white .arrow.right{
	background-position: -50px -176px;
	float: right;
}

.pages{
	position: absolute;
	top: 450px;
	left: 0;
	right: 0;
}

.pages-box{
	margin: auto;
	width: 100px;
}

.page{
	float: left;
	width: 20px;
	height: 3px;
	background-color: #65B0E1;
	margin: 3px;
}

.page.active{
	background-color: #96C7E8;
}

.intro.text h1{
	font-weight: normal;
	font-size: 33px;
}

.intro.text p{
	font-size: 17px;
}

.intro.text{
	padding: 60px 0;
}

.btn.learnmore{
	display: inline-block;
	padding: 6px 20px;
	border: solid 2px #fff;
	border-radius: 5px;
	margin: 35px 10px 0 10px;;
	text-align: center;
	text-decoration: none;
	color: #fff;
	opacity: 0.8;
	
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.btn.learnmore:hover{
	opacity: 1;
}

.intro.img{
	background-image:url(../img/sprite.png);

	width: 340px;
	height: 340px;

	margin: 70px 140px;
}

.intro.img.cdn{
	background-position: 0px -980px;
}

.intro.img.php{
	background-position: 0px -1400px;
}

.row.stat{
	margin: 100px 0;
}
.stat{
	text-align: center;
}

.stat h3{
	font-weight: normal;
	font-size: 20px;
	color: #333333;
}

.stat.img{
	height: 155px;
	background-image:url(../img/sprite.png);
	margin: 0 auto 40px; auto;
}

.stat.img.one{
	width: 153px;
	background-position: 0px -450px;
}
.stat.img.two{
	width: 215px;
	background-position: 0px -620px;
}
.stat.img.three{
	width: 211px;
	background-position: 0px -800px;
}

.row.client{
	background-color: #ECF0F1;
	padding: 30px 0 80px 0;
}

.client h1{
	font-weight: 300;
	color: #333;
	font-size: 36px;
	text-align: center;
	line-height:100px;
}
.client .site{
	float: left;
	width: 50%;
	text-align: center;
}
.client .site a{
	display: inline-block;
	padding: 10px;
	height: auto;
	width: auto;
	background-color: #E0E4E5;
	border-radius: 10px;
	margin: 25px auto;
}
.client .site a img{
	margin: 0;
}
.row.plans{
	margin: 20px 0;
}
.plans h1{
	font-size: 36px;
	color: #333333;
	font-weight: normal;
	text-align: center;
	line-height: 100px;
}
.plan{
	text-align: center;
	width: 80%;
	margin: auto;
}

.plan .content{
	border-top: none;
	border-left: solid 1px #DDDDDD;
	border-right: solid 1px #DDDDDD;
	border-bottom: solid 1px #DDDDDD;
}

.plan .hat{

	height: 6px;
	width: 100%;
}

.plan h2{
	margin: 0;
	padding-top: 15px;
	font-size: 61px;
	font-weight: normal;
}

.plan h2 small{
	font-size: 20px;
}

.plan .sub{
	color: #BABABA;
	font-size: 14px;
	margin: -5px 0 20px 0;
}

.plan .inc.first{
	border-top: solid 1px #DDDDDD;
}
.plan .inc{
	height: 45px;
	width: 100%;
	border-bottom: solid 1px #DDDDDD;
	color: #878787;
	line-height: 40px;
	position: relative;
}
.plan .inc .help{
	float: right;
	height: 18px;
	width: 18px;
	border-radius: 9px;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;

	position: absolute;
	right: 10px;
	top: 10px;
	
	cursor: help;
}
.plan h2 small{
	color: #535353;
}
.buyzone{
	padding: 15px 25px;
}
.plan .btn.buy{
	display: inline-block;
	font-size: 16px;
	text-decoration: none;
	width: 100%;
	line-height: 46px;
	border-radius: 8px;
	color: #7F7F7F;
	border: solid 2px #DEDEDE;
	
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

/**/
.plan.green .hat{
	background-color: #1ABC9C;
}
.plan.green .inc .help{
	background-color: #1ABC9C;
}
.plan.green .btn.buy:hover{
	color: #1ABC9C;
	border: solid 2px #1ABC9C;
}
.plan.green h2{
	color: #1ABC9C;
}
.plan.green .rmb{
	color: #1ABC9C;
}
.plan.green .sub{
	font-style: italic;
}

/**/
.plan.blue .hat{
	background-color: #3498DB;
}
.plan.blue .inc .help{
	background-color: #3498DB;
}
.plan.blue .btn.buy:hover{
	color: #3498DB;
	border: solid 2px #3498DB;
}
.plan.blue h2{
	color: #3498DB;
}
.plan.blue .rmb{
	color: #3498DB;
}

/**/
.plan.orange .hat{
	background-color: #F39C12;
}
.plan.orange .inc .help{
	background-color: #F39C12;
}
.plan.orange .btn.buy:hover{
	color: #F39C12;
	border: solid 2px #F39C12;
}
.plan.orange h2{
	color: #F39C12;
}
.plan.orange .rmb{
	color: #F39C12;
}

/**/

.row.footer{
	margin-top: 150px;
	background-color: #3498DB;
	height: 150px;
	color: #fff;
	background-image: url(../img/top_bg.png);
}
.footer .logo-frame{
	position: absolute;
	left: 0;
	right: 0;
}
.footer .logo{
	height: 100px;
	width: 100px;
	background-image: url(../img/sprite.png);
	background-position: -250px 0;
	margin: -50px auto 0 auto;
}
.footer center{
	margin-top: 70px;
}
.footer p{
	font-size: 14px;
	margin: 0;
}
.icon.right{
	float: right;
}
.text.right{
	text-align: right;
	line-height:1.4;
}
.icon.mail{
	height: 24px;
	width: 24px;
	background-image: url(../img/sprite.png);
	background-position: -1px -156px;
	margin: 0 10px;
}
.footer .col-4.right{
	margin-top: 60px;
}

.nav.fixed{
	position: fixed;
	height: 90px;
	background-color: #fff;
	z-index: 1000;
	border-bottom: solid 1px #DDDDDD;
}

.nav.fixed .logo{
	display: block;
	background-image:url(../img/sprite.png);
	background-position: 0 -50px;
	width: 175px;
	height: 50px;
	margin: 20px 0 0 10px;
}
.nav.fixed .nav.item{
	font-size: 19px;
	color: #666666;
	text-decoration: none;
	line-height: 80px;
	display: block;
	float: left;
	width: 100px;
	text-align: center;
	border-top: solid 4px #fff;
	
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.nav.fixed .nav.item.active{
	border-top: solid 4px #3E9DDD;
	color: #0094EC;
}
.nav.fixed .nav.item:hover{
	color: #0094EC;
}
.nav.fixed .btn.login{
	display: inline-block;
	padding: 5px 18px;
	border: solid 2px #3E9DDD;
	border-radius: 5px;
	margin: 25px 10px 0 0;
	text-align: center;
	text-decoration: none;
	color: #3E9DDD;
	
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.nav.fixed .btn.login:hover{
	background-color: #3E9DDD;
	color: #fff;
}

.row.form{
	height: 400px;
	background-color: #3498DB;
	color: #fff;
	background-image: url(../img/top_bg.png);
	background-size: cover;
	background-position: -500px 0;
}

.row.form h1{
	font-weight: normal;
	font-size: 33px;
	margin-top: 80px;
}

.row.form input{
	margin-top: 10px;
	background: none;
	border: solid 2px #85C1E9;
	border-radius: 8px;
	line-height: 28px;
	width: 550px;
	padding: 5px 10px;
	outline: none;
	color: #85C1E9;
	font-size: 24px;
}
.row.form .btn.submit{
	display: inline-block;
	padding: 6px 40px;
	background-color: #fff;
	border-radius: 8px;
	margin-top: 80px;
	color: #3398DA;
	cursor: pointer;
	border: solid 2px #fff;
	text-decoration: none;
	
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.row.form .btn.submit:hover{
	background: none;
	color: #fff;
}
.price h1{
	font-size: 36px;
	color: #333333;
	font-weight: normal;
	text-align: center;
	line-height: 100px;
}
.price td{
	text-align: center;
}
.price table{
	color: #666666;
	background-color: #F1F1F1;
}
.price th{
	font-weight: normal;
	color: #3398DA;
}
.price .top{
	background-color: #3498DB;
	font-weight: normal;
	color: #fff;
}

.price .btn.buy{
	background: none;
	color: #3498DB;
	text-decoration: none;
	border: solid 2px #3498DB;
	border-radius: 5px;
	padding: 2px 16px;
	
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.price .btn.buy:hover{
	background: #3498DB;
	color: #fff;
}
 .client .site a img{display:block;}