/* CSS Document */
.index-width {
	width: 100%;
	margin: auto
}
.about, .marketing, .mission, .partner, .product-service {
	width: 100%
}
.about {
	height: 713px;
	background: url(../portal/back-2.png) no-repeat center top
}
.about img {
	margin-top: -8px;
	margin-left: -78px
}
.about-left {
	margin-top: 175px
}
.about-left span, .marketing-left span, .mission-left span, .partner-left span, .product-left span {
	text-transform: uppercase;
	display: block;
	font-size: 48px
}
.about-left h5 {
	color: #3c3d42
}
.about-left h5, .marketing-left h5, .mission-left h5, .partner-left h5, .product-left h5 {
	font-size: 36px;
	margin-top: 0
}
.about-left p.cnintro, .marketing-left p.cnintro, .mission-left p.cnintro, .partner-left p.cnintro, .product-left p.cnintro {
	font-size: 18px;
	color: #46474c
}
.about-left p.enintro, .mission p.enintro, .partner p.enintro {
	color: #969696;
	font-size:14px;
}
.product-service {
	height: 763px;
	background: url(../portal/back-3.png) no-repeat center top
}
.product-service img {
	margin-top: 110px
}
.product-service .product-left {
	margin-top: 150px
}
.product-left p.cnintro {
	color: #fff
}
.marketing-left p.enintro, .marketing-left p.p14, .product-left p.enintro {
	color: #969696;
	font-size:14px;
}
.marketing h5, .marketing p, .marketing span, .product-service h5, .product-service p, .product-service span {
	text-align: right
}
.partner {
	position: relative;
	height: 704px;
	background: url(../portal/back-4.png) no-repeat center top;
	margin-top: -2px
}
.partner .partner-left {
	margin-top: 210px
}
.mission p.cnintro, .partner p.cnintro {
	color: #646464
}
.partner img {
	position: absolute;
	right: -65px;
	top: 126px;
}
.partner .hezuo {
	position: relative
}
.partner .hezuo a.hz-more {
	position: absolute;
	top: 290px;
	left: 216px;
	width: 87px;
	height: 87px;
	background: url(../portal/more-2.png) no-repeat;
	-webkit-transition: transform .3s ease-in;
	-moz-transition: transform .3s ease-in;
	-ms-transition: transform .3s ease-in;
	transition: transform .3s ease-in
}
.partner .hezuo a.hz-more:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg)
}
.marketing {
	position: relative;
	height: 746px;
	background: url(../portal/back-5.png) no-repeat center top
}
.marketing-left {
	margin-top: 130px
}
.marketing img {
	margin-top: 65px
}
.marketing-left p.cnintro {
	color: #323232
}
.marketing-left p.p14 {
	font-size: 14px
}
.mission {
	/*position: relative;*/
	height: 541px;
	background: url(../portal/back-6-1.png) no-repeat center top;
	margin-top: -2px
}
.mission .zhuanye{position: relative;}
.mission-left {
	margin-top: 170px
}
.mission .zhuanye img {
position: absolute;
right: -65px;
top:145px;
}
a.more-1 {
	display: block;
	width: 160px;
	height: 53px;
	line-height: 53px;
	text-align: center;
	background: #46474c;
	font-size: 18px;
	color: #969696;
	border-radius: 9px;
	margin-top: 85px
}
a.more-1:hover {
	color: #fff
}
.block-1 {
	-webkit-animation: bleftone .7s ease-in;
	-moz-animation: bleftone .7s ease-in;
	-ms-animation: bleftone .7s ease-in;
	animation: bleftone .7s ease-in
}
.block-2 {
	-webkit-animation: blefttwo .7s ease-in;
	-moz-animation: blefttwo .7s ease-in;
	-ms-animation: blefttwo .7s ease-in;
	animation: blefttwo .7s ease-in
}
@-webkit-keyframes bleftone {
0% {
transform:translate(-900px, 200px);
transform:translate(-180px, 200px)
}
100% {
transform:translate(0, 0)
}
}
@-moz-keyframes bleftone {
0% {
transform:translate(-900px, 200px);
transform:translate(-180px, 200px)
}
100% {
transform:translate(0, 0)
}
}
@-ms-keyframes bleftone {
0% {
transform:translate(-900px, 200px);
transform:translate(-180px, 200px)
}
100% {
transform:translate(0, 0)
}
}
@keyframes bleftone {
0% {
transform:translate(-900px, 200px);
transform:translate(-180px, 200px)
}
100% {
transform:translate(0, 0)
}
}
@-webkit-keyframes blefttwo {
0% {
transform:translate(-900px, 200px);
transform:translate(200px, 200px)
}
100% {
transform:translate(0, 0)
}
}
@-moz-keyframes blefttwo {
0% {
transform:translate(-900px, 200px);
transform:translate(200px, 200px)
}
100% {
transform:translate(0, 0)
}
}
@-ms-keyframes blefttwo {
0% {
transform:translate(-900px, 200px);
transform:translate(200px, 200px)
}
100% {
transform:translate(0, 0)
}
}
@keyframes blefttwo {
0% {
transform:translate(-900px, 200px);
transform:translate(200px, 200px)
}
100% {
transform:translate(0, 0)
}
}
.right-menu {
	position: fixed;
	right: 20px;
	top: 50%;
	z-index: 9999
}

.right-menu ul li {
	background: #dedede;
	width: 10px;
	height: 10px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	border-radius: 50px;
	margin-bottom: 10px;
	text-indent: -9999px;
	cursor: pointer
}

.right-menu ul li.current,
.right-menu ul li:hover {
	background: #81d8cf
}
.right-menu span {
	position: absolute;
	display: none;
	width: 80px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	right: 14px;
	top: -7px;
	background: #81d8cf;
	color: #fff
}