.row .col-1,
.row .col-1-7,
.row .col-2,
.row .col-2-4,
.row .col-3,
.row .col-4,
.row .col-5,
.row .col-6,
.row .col-7,
.row .col-8,
.row .col-9,
.row .col-10,
.row .col-11,
.row .col-12 {
	float: left
}

.row .col-1 {
	width: 8.33333333%
}

.row .col-1-7 {
	width: 14.28571428%
}

.row .col-2 {
	width: 16.66666666%
}

.row .col-2-4 {
	width: 20%
}

.row .col-3 {
	width: 25%
}

.row .col-4 {
	width: 33.33333333%
}

.row .col-5 {
	width: 41.66666666%
}

.row .col-6 {
	width: 50%
}

.row .col-7 {
	width: 58.33333333%
}

.row .col-8 {
	width: 66.66666666%
}

.row .col-9 {
	width: 75%
}

.row .col-10 {
	width: 83.33333333%
}

.row .col-11 {
	width: 91.66666666%
}

.row .col-12 {
	width: 100%
}

@-webkit-keyframes a {
	25% {
		-webkit-transform: translateY(-3px)
	}
	50%,
	to {
		-webkit-transform: translateY(0)
	}
	75% {
		-webkit-transform: translateY(3px)
	}
}

@keyframes a {
	25% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px)
	}
	50%,
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	75% {
		-webkit-transform: translateY(5px);
		transform: translateY(5px)
	}
}

.animate-bounce-down {
	-webkit-animation: a 1.3s linear infinite;
	animation: a 1.3s linear infinite
}

.grid-0-public-footer .content-prepare {
	background-color: #f5f5f5
}

.grid-0-public-footer .content-prepare .title {
	padding: 25px 0 80px!important;
	border-top: 5px solid #3db1ea;
	border-bottom: 1px solid #d9d9d9;
	position: relative
}

.grid-0-public-footer .content-prepare .title h4 {
	text-align: center;
	font-size: 26px;
	line-height: 110px;
	color: #616161
}

.grid-0-public-footer .content-prepare .title i {
	position: absolute;
	left: 50%;
	width: 26px;
	height: 40px;
	display: block;
	margin: 0 0 0 -13px;
	background: url(../img/all.png) no-repeat 0 -125px
}

.grid-0-public-footer .content-prepare .referral {
	height: 184px;
	padding: 81px 0 111px
}

.grid-0-public-footer .content-prepare .referral .counselor {
	width: 950px;
	margin: 0 auto
}

.grid-0-public-footer .content-prepare .referral .counselor img {
	float: left
}

.grid-0-public-footer .content-prepare .referral .counselor .right {
	margin-left: 73px;
	width: 590px;
	float: left
}

.grid-0-public-footer .content-prepare .referral .counselor .right h4 {
	margin-top: 0;
	font-size: 26px;
	line-height: 26px;
	color: #3a3a3a
}

.grid-0-public-footer .content-prepare .referral .counselor .right p {
	font-size: 12px;
	line-height: 30px;
	margin: 30px 0 28px;
	color: #212121
}

.grid-0-public-footer .content-prepare .referral .counselor .right .gain {
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #3db1ea;
	border: 1px solid #3db1ea;
	display: inline-block;
	padding: 0 30px;
	border-radius: 20px;
	color: #fff;
	cursor: pointer
}

.grid-0-public-footer .content-prepare .referral .counselor .right .gain a {
	color: #fff
}

.grid-0-public-footer .content-prepare .referral .counselor .right .gain:hover {
	background: #1b77b9;
	border: 1px solid #1b77b9;
	transition: all .5s linear .1s
}

.top-shadow-bg {
	background: url(../img/b-shadow-border.png) no-repeat bottom
}

.short-shadow-bg {
	background: url(../img/shot-shadow-bg.png) no-repeat bottom
}

.sub-top-banner {
	overflow: hidden
}

.sub-top-banner .top-header-body {
	padding: 0 0 60px
}

.sub-top-banner .top-header-body h1,
.sub-top-banner .top-header-body h2 {
	font-size: 60px;
	margin: 80px 0 0
}

.sub-top-banner .top-header-body h1 span,
.sub-top-banner .top-header-body h2 span {
	font-size: 30px;
	margin: 0 0 0 40px;
	color: #666
}

.sub-top-banner .top-header-body .btn-line {
	margin: 30px 0
}

.sub-top-banner .top-header-body p {
	line-height: 24px;
    margin-top:2%;
}

.sub-top-banner .top-banner {
	text-align: center
}

.sub-top-banner .top-banner img {
	display: inline-block
}

.content-group-img,
.grid-0-btn {
	text-align: center
}

.con-group-word {
	padding: 0 20px
}

.con-group-word .word-tit {
	font-size: 24px;
	color: #333
}

.con-group-word .word-stit {
	margin: 10px 0
}

.con-group-word .word-desc {
	line-height: 30px;
	color: #666
}