.companyStageLinkbox li:nth-child(12) a:hover {
	color: #bbb;
	text-decoration: none
}

.footerBox {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	color: #9599a3;
	background: #1e1e1e
}

.footerBox .footer-centent {
	width: 1200px;
	margin: auto
}

.footerBox .footer-centent .centent-info {
	position: relative;
	padding-bottom: 35px
}

.footerBox .footer-centent .centent-info .quickAppWeChat {
	position: absolute;
	top: 150px;
	right: 80px
}

.footerBox .footer-centent .centent-info .quickAppWeChat .code-img {
	width: 120px;
	height: 120px
}

.footerBox .footer-centent .centent-info .contactWeChat {
	position: absolute;
	top: 150px;
	right: 260px
}

.footerBox .footer-centent .centent-info .contactWeChat .code-img {
	width: 120px;
	height: 120px
}

.footerBox .footer-centent .centent-info .title {
	padding: 35px 0 18px;
	font-size: 16px;
	color: #fff
}

.footerBox .footer-centent .centent-info .companyStageLinkbox li,.footerBox .footer-centent .centent-info .contactWeBox li,.footerBox .footer-centent .centent-info .wankaActiveAndDoc li {
	float: left;
	margin-right: 10px;
	font-size: 13px
}

.footerBox .footer-centent .centent-info .Ahover:hover {
	color: #507cbd;
	text-decoration: underline
}



@charset "UTF-8";

.nav-fixed-box {
	position: fixed;
	right: -100px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: right .2s ease;
	width: 87px;
	background: #fff;
	box-shadow: 0 0 13px 0 rgba(66,134,245,.2);
	border-radius: 10px 0 0 10px;
	font-size: 14px;
	z-index: 99
}

.nav-fixed-box .nav-fixed-item {
	padding: 15px 0
}

.nav-fixed-box .nav-fixed-item .activeName {
	opacity: .3
}

.nav-fixed-box .nav-fixed-item:hover {
	cursor: pointer
}

.nav-fixed-box .nav-fixed-item:hover .name {
	opacity: .3
}

.isNavFixed {
	right: 0
}

#banner-box {
	height: 556px
}

#banner-box .banner-imgBox {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden
}

#banner-box .banner-imgBox .banner-img {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	height: 556px;
	z-index: 1
}

#banner-box .quick_Appintroduce {
	position: relative;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 1920px 556px;
	z-index: 1
}

#banner-box .quick_Appintroduce .rpkUuidList {
	position: absolute;
	bottom: 20%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: flex
}

#banner-box .quick_Appintroduce .rpkUuidList .rpkUuidList_item {
	display: block;
	margin: 0 25px;
	width: 100px;
	text-align: center
}

#banner-box .quick_Appintroduce .rpkUuidList .rpkUuidList_item .rpk_icon {
	width: 100px;
	height: 100px;
	border-radius: 10px
}

#banner-box .quick_Appintroduce .rpkUuidList .rpkUuidList_item .rpk_name {
	display: block;
	text-align: center;
	font-size: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

#banner-box .quick_Appintroduce .effect {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	cursor: pointer
}

#banner-box .swiper-button-prev {
	left: 5%;
	width: 22px;
	height: 33px;
	background: url(/kuaiyunyong/assets/images/home/1.72.0/banner-prev.png);
	z-index: 9
}

#banner-box .swiper-button-prev:hover {
	background: url(/kuaiyunyong/assets/images/home/1.72.0/banner-prevHover.png)
}

#banner-box .swiper-button-next {
	right: 5%;
	width: 22px;
	height: 33px;
	background: url(/kuaiyunyong/assets/images/home/1.72.0/banner-next.png);
	z-index: 9
}

#banner-box .swiper-button-next:hover {
	background: url(/kuaiyunyong/assets/images/home/1.72.0/banner-nextHover.png)
}

#banner-box .swiper-pagination-bullet {
	border-radius: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

#banner-box .swiper-pagination-bullet-active {
	background: #007aff
}

.quick-news-box {
	position: relative;
	display: flex;
	width: 1200px;
	margin: -20px auto 80px;
	height: 135px;
	background-color: #fff;
	box-shadow: 8px 6px 20px 0 rgba(66,134,245,.2);
	border-radius: 10px;
	z-index: 9
}

.quick-news-box .news-items {
	width: 33.3%;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	cursor: pointer
}

.quick-news-box .news-items .news-contentItem {
	border-right: 1px dotted #999
}

.quick-news-box .news-items .news-contentItem .title {
	width: 224px;
	height: 48px;
	margin: auto auto 12px;
	font-size: 16px;
	line-height: 24px;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	box-orient: vertical
}

.quick-news-box .news-items .news-contentItem .date {
	position: relative;
	width: 224px;
	margin: auto;
	display: flex;
	font-size: 14px;
	color: #999
}

.quick-news-box .news-items .news-contentItem .date .msg {
	margin-right: 14px
}

.quick-news-box .news-items .news-contentItem .date .hrefIcon {
	display: none;
	position: absolute;
	right: 0;
	bottom: 3px;
	width: 15px;
	height: 15px
}

.quick-news-box .news-items .borderNo {
	border-right: none
}

.quick-news-box .news-items .news-contentItem:hover,.quick-news-box .news-items .news-contentItem:hover .date {
	color: #007aff
}

.quick-news-box .news-items .news-contentItem:hover .date .hrefIcon {
	display: block
}

.quick-introduce-box {
	width: 1200px;
	margin: auto
}

.quick-introduce-box .introduce-centent .introduce-msg {
	margin-bottom: 10px;
	padding: 30px 0 30px 30px;
	background: url(/kuaiyunyong/assets/images/home/1.72.0/introduce-msg-bg.png) center right/491px 256px no-repeat
}

.quick-introduce-box .introduce-centent .introduce-msg .title-en {
	font-size: 18px;
	font-weight: 400;
	color: #333
}

.quick-introduce-box .introduce-centent .introduce-msg .title-ch {
	margin: 5px 0;
	font-size: 30px;
	font-weight: 500;
	color: #333
}

.quick-introduce-box .introduce-centent .introduce-msg .msg {
	line-height: 33px
}

.quick-introduce-box .introduce-centent .introduce-msg .msg .circularIcon {
	display: inline-block;
	margin-right: 10px;
	width: 8px;
	height: 8px;
	border: 1px solid #999;
	border-radius: 50%
}

.quick-introduce-box .introduce-centent .centent {
	font-size: 14px;
	line-height: 46px;
	color: #666
}

.quick-introduce-box .introduce-centent .introduce-items {
	display: flex;
	justify-content: center
}

.quick-introduce-box .introduce-centent .introduce-items dl {
	flex: 1;
	text-align: center
}

.quick-introduce-box .introduce-centent .introduce-items dl .introduce-dt {
	height: 160px
}

.quick-introduce-box .introduce-centent .introduce-items dl .dt-child1 {
	background: url(/kuaiyunyong/assets/images/home/1.72.0/p001.png) center no-repeat
}

.quick-introduce-box .introduce-centent .introduce-items dl .dt-child1:hover {
	background: url(/kuaiyunyong/assets/images/home/1.72.0/g001.gif) center no-repeat
}

.quick-introduce-box .introduce-centent .introduce-items dl .dt-child2 {
	background: url(/kuaiyunyong/assets/images/home/1.72.0/p002.png) center no-repeat
}

.quick-introduce-box .introduce-centent .introduce-items dl .dt-child2:hover {
	background: url(/kuaiyunyong/assets/images/home/1.72.0/g002.gif) center no-repeat
}

.quick-introduce-box .introduce-centent .introduce-items dl .dt-child3 {
	background: url(/kuaiyunyong/assets/images/home/1.72.0/p003.png) center no-repeat
}

.quick-introduce-box .introduce-centent .introduce-items dl .dt-child3:hover {
	background: url(/kuaiyunyong/assets/images/home/1.72.0/g003.gif) center no-repeat
}

.quick-introduce-box .introduce-centent .introduce-items dl .title {
	font-size: 18px;
	color: #333;
	font-weight: 700
}

.quick-access-box {
	margin-top: 110px;
	height: 520px;
	background: url(/kuaiyunyong/assets/images/home/1.72.0/AccessBj.jpg) center center/1920px 520px no-repeat
}

.quick-access-box .access-centent {
	width: 1200px;
	margin: auto;
	color: #fff
}

.quick-access-box .access-centent .titleBox {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 87px
}

.quick-access-box .access-centent .titleBox .title-ch {
	font-size: 36px
}

.quick-access-box .access-centent .titleBox .title-en {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 400
}

.quick-access-box .access-centent .titleBox .boder {
	width: 34px;
	height: 5px;
	background-color: #007aff
}

.quick-access-box .access-centent .access-items {
	margin-top: 56px;
	display: flex;
	justify-content: space-around
}

.quick-access-box .access-centent .access-items .href {
	position: relative;
	bottom: 0;
	width: 270px;
	height: 160px;
	padding: 0 25px;
	transition: all .2s ease;
	z-index: 2
}

.quick-access-box .access-centent .access-items .href .title {
	margin-top: 29px;
	margin-bottom: 13px;
	font-size: 24px;
	font-weight: 700
}

.quick-access-box .access-centent .access-items .href .msg {
	font-size: 14px
}

.quick-access-box .access-centent .access-items .href:hover {
	-webkit-transform: scale(1.04,1.04);
	transform: scale(1.04,1.04);
	bottom: 5px;
	box-shadow: 14px 10px 20px 0 rgba(0,0,0,.3)
}

.quick-access-box .access-centent .access-items .href:nth-child(1) {
	background: url(/kuaiyunyong/assets/images/home/1.72.0/access1.png) center no-repeat
}

.quick-access-box .access-centent .access-items .href:nth-child(2) {
	background: url(/kuaiyunyong/assets/images/home/1.72.0/access2.png) center no-repeat
}

.quick-access-box .access-centent .access-items .href:nth-child(3) {
	background: url(/kuaiyunyong/assets/images/home/1.72.0/access3.png) center no-repeat
}

.quick-access-box .access-centent .access-items .href:nth-child(4) {
	background: url(/kuaiyunyong/assets/images/home/1.72.0/access4.png) center no-repeat
}

.quick-support-box .support-centent {
	width: 1200px;
	margin: auto
}

.quick-support-box .support-centent .titleBox {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 110px
}

.quick-support-box .support-centent .titleBox .title-ch {
	font-size: 36px;
	color: #333
}

.quick-support-box .support-centent .titleBox .title-en {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 400;
	color: #999
}

.quick-support-box .support-centent .titleBox .boder {
	width: 34px;
	height: 5px;
	background-color: #007aff
}

.quick-support-box .support-centent .support-items {
	margin-top: 56px;
	display: flex;
	justify-content: space-around
}

.quick-support-box .support-centent .support-items dl {
	position: relative;
	width: 260px;
	height: 330px;
	padding: 67px 32px 0;
	box-shadow: 8px 6px 20px 0 rgba(66,134,245,.2);
	overflow: hidden
}

.quick-support-box .support-centent .support-items dl .support-icon {
	width: 76px;
	height: 76px
}

.quick-support-box .support-centent .support-items dl .title {
	margin: 23px 0;
	font-size: 24px;
	font-weight: 700;
	color: #333
}

.quick-support-box .support-centent .support-items dl .msg {
	font-size: 14px;
	font-weight: 400;
	color: #666
}

.quick-support-box .support-centent .support-items dl .details {
	position: absolute;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 0 45px;
	background: #007aff;
	transition: .5s left ease;
	color: #fff
}

.quick-support-box .support-centent .support-items dl .details .details-centent {
	position: relative;
	width: 100%
}

.quick-support-box .support-centent .support-items dl .details .details-centent .title {
	width: 170px;
	margin-top: 30px;
	margin-bottom: 50px;
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	margin-left: -100%;
	transition: 1s margin-left ease
}

.quick-support-box .support-centent .support-items dl .details .details-centent .list {
	width: 170px;
	margin-bottom: 30px;
	line-height: 44px;
	font-weight: 700;
	font-size: 16px
}

.quick-support-box .support-centent .support-items dl .details .details-centent .list .item {
	padding-left: 20px
}

.quick-support-box .support-centent .support-items dl .details .details-centent .list .item:nth-child(1) {
	margin-left: -100%;
	transition: 1.1s margin-left ease
}

.quick-support-box .support-centent .support-items dl .details .details-centent .list .item:nth-child(2) {
	margin-left: -100%;
	transition: 1.2s margin-left ease
}

.quick-support-box .support-centent .support-items dl .details .details-centent .list .item:nth-child(3) {
	margin-left: -100%;
	transition: 1.4s margin-left ease
}

.quick-support-box .support-centent .support-items dl .details .details-centent .list .item:hover {
	background: url(/kuaiyunyong/assets/images/home/1.72.0/triangle.png) center left no-repeat
}

.quick-support-box .support-centent .support-items dl:hover .details {
	left: 0
}

.quick-support-box .support-centent .support-items dl:hover .details .title {
	margin-left: 0
}

.quick-support-box .support-centent .support-items dl:hover .details .item {
	margin-left: 0!important
}

.quick-support-box .support-centent .support-items dl:hover .details .btn {
	margin-left: 0
}

.good-case-box {
	margin-top: 110px;
	height: 840px;
	background-color: #f6f9fc;
	background-size: 1920px 840px
}

.good-case-box .goodCase-centent {
	position: relative;
	width: 970px;
	height: 840px;
	margin: auto
}

.good-case-box .goodCase-centent .titleBox {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 40px;
	margin-bottom: 25px
}

.good-case-box .goodCase-centent .titleBox .title-ch {
	font-size: 36px;
	color: #333
}

.good-case-box .goodCase-centent .titleBox .title-en {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 400
}

.good-case-box .goodCase-centent .titleBox .boder {
	width: 34px;
	height: 5px;
	background-color: #007aff
}

.good-case-box .goodCase-centent .goodCaseSwiper {
	height: 700px
}

.good-case-box .goodCase-centent .goodCaseSwiper .goodCase-items .item {
	display: flex
}

.good-case-box .goodCase-centent .goodCaseSwiper .goodCase-items .item .Case-details {
	width: 357px
}

.good-case-box .goodCase-centent .goodCaseSwiper .goodCase-items .item .Case-details .title {
	display: flex
}

.good-case-box .goodCase-centent .goodCaseSwiper .goodCase-items .item .Case-details .title .msg {
	font-size: 30px;
	line-height: 40px;
	color: #333;
	font-weight: 700
}

.good-case-box .goodCase-centent .goodCaseSwiper .goodCase-items .item .Case-details .list .item {
	position: relative;
	width: 357px;
	padding-right: 32px;
	height: 90px;
	font-size: 16px;
	font-weight: 400;
	color: #666;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 30px;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	box-orient: vertical;
	-webkit-box-orient: vertical
}

.good-case-box .goodCase-centent .goodCaseSwiper .goodCase-items .item .Case-details .code {
	position: relative;
	margin-top: 40px
}

.good-case-box .goodCase-centent .goodCaseSwiper .goodCase-items .item .Case-details .code .img {
	width: 145px;
	height: 145px
}

.good-case-box .goodCase-centent .goodCaseSwiper .goodCase-items .item .Case-details .More {
	display: block;
	width: 118px;
	margin-left: 5px;
	margin-top: 25px;
	line-height: 28px;
	background: #002553;
	border: 1px solid #466cff;
	border-radius: 3px;
	font-size: 14px;
	color: #466cff;
	text-align: center
}

.good-case-box .goodCase-centent .goodCaseSwiper .goodCase-items .item .goodCase-img {
	flex: 1
}

.good-case-box .goodCase-centent .swiper-button-prev {
	left: -11%;
	width: 62px;
	height: 62px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	background: url(/kuaiyunyong/assets/images/home/1.72.0/next.png)
}

.good-case-box .goodCase-centent .swiper-button-prev:hover {
	-webkit-transform: rotate(0);
	transform: rotate(0);
	background: url(/kuaiyunyong/assets/images/home/1.72.0/prev-active.png)
}

.good-case-box .goodCase-centent .swiper-button-next {
	right: -7%;
	width: 62px;
	height: 62px;
	background: url(/kuaiyunyong/assets/images/home/1.72.0/next.png)
}

.good-case-box .goodCase-centent .swiper-button-next:hover {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	background: url(/kuaiyunyong/assets/images/home/1.72.0/prev-active.png)
}

.good-case-box .goodCase-centent .goodCaseSwiper-paginationBox {
	display: flex;
	justify-content: center;
	bottom: 60px
}

.good-case-box .goodCase-centent .goodCaseSwiper-paginationBox .pagination-item {
	margin: 0 30px;
	text-align: center;
	opacity: .3;
	cursor: pointer
}

.good-case-box .goodCase-centent .goodCaseSwiper-paginationBox .pagination-item .goodCase-img {
	display: inline-block;
	width: 54px;
	height: 54px;
	border: 1px solid #cdcdcd;
	border-radius: 15px
}

.good-case-box .goodCase-centent .goodCaseSwiper-paginationBox .pagination-item .goodCase-name {
	font-size: 14px;
	font-weight: 400;
	color: #666
}

.good-case-box .goodCase-centent .goodCaseSwiper-paginationBox .acitve {
	opacity: 1
}

.members-box .members-centent {
	width: 1200px;
	margin: auto
}

.members-box .members-centent .titleBox {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 110px
}

.members-box .members-centent .titleBox .title-ch {
	font-size: 36px;
	color: #333
}

.members-box .members-centent .titleBox .title-en {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 400;
	color: #999
}

.members-box .members-centent .titleBox .boder {
	width: 34px;
	height: 5px;
	background-color: #007aff
}

.members-box .members-centent .titleBox .contactWe {
	position: absolute;
	right: 130px;
	bottom: 0;
	height: 31px;
	padding: 0 10px;
	border: 1px solid #007aff;
	border-radius: 3px;
	line-height: 28px;
	text-align: center;
	color: #007aff
}

.members-box .members-centent .titleBox .contactWe:hover {
	background: #007aff;
	color: #fff
}

.members-box .members-centent .members-items {
	width: 1000px;
	margin: 40px auto auto;
	display: flex;
	align-content: space-between;
	align-items: center;
	flex-wrap: wrap
}

.members-box .members-centent .members-items .members-img {
	margin: 0 20px;
	width: 125px;
	height: 60px
}

.partners-box .partners-centent {
	width: 1200px;
	margin: auto
}

.partners-box .partners-centent .titleBox {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 110px
}

.partners-box .partners-centent .titleBox .title-ch {
	font-size: 36px;
	color: #333
}

.partners-box .partners-centent .titleBox .title-en {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 400;
	color: #999
}

.partners-box .partners-centent .titleBox .boder {
	width: 34px;
	height: 5px;
	background-color: #007aff
}

.partners-box .partners-centent .partners-items {
	width: 1000px;
	margin: 40px auto;
	display: flex;
	align-content: space-between;
	align-items: center;
	flex-wrap: wrap
}

.partners-box .partners-centent .partners-items .partners-img {
	margin: 0 20px;
	width: 125px;
	height: 60px
}

.animation-box {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: 10s linear infinite BoxTop;
	animation: 10s linear infinite BoxTop
}

.animation-box .imgA {
	position: absolute;
	left: 20%;
	top: 36%;
	width: 300px;
	height: 100px;
	background: url(/kuaiyunyong/assets/images/home/1.72.0/001_1.png) right center no-repeat;
	-webkit-animation: 15s linear -.2s infinite imgRotate;
	animation: 15s linear -.2s infinite imgRotate
}

.animation-box .imgB {
	position: absolute;
	left: 25%;
	top: 8%;
	width: 250px;
	height: 50px;
	background: url(/kuaiyunyong/assets/images/home/1.72.0/001_2.png) right center no-repeat;
	-webkit-animation: 10s linear -.3s infinite imgRotate;
	animation: 10s linear -.3s infinite imgRotate
}

.animation-box .imgC {
	position: absolute;
	left: 76%;
	top: 30%;
	width: 100px;
	height: 200px;
	background: url(/kuaiyunyong/assets/images/home/1.72.0/001_3.png) right center no-repeat;
	-webkit-animation: 15s linear -.4s infinite imgRotate;
	animation: 15s linear -.4s infinite imgRotate
}

.animation-box .imgD {
	position: absolute;
	left: 43%;
	top: 15%;
	width: 400px;
	height: 250px;
	background: url(/kuaiyunyong/assets/images/home/1.72.0/001_4.png) right center no-repeat;
	-webkit-animation: 16s linear -.5s infinite imgRotate;
	animation: 16s linear -.5s infinite imgRotate
}

@-webkit-keyframes BoxTop {
	0%,100% {
		top: 0
	}

	50% {
		top: 20%
	}
}

@keyframes BoxTop {
	0%,100% {
		top: 0
	}

	50% {
		top: 20%
	}
}

@-webkit-keyframes imgRotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes imgRotate {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
</style>
<style>
@charset "UTF-8";.header-box {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 70px;
	background: #000;
	color: #fff;
	z-index: 999
}

.header-box .header-content {
	padding: 0 50px
}

.header-box .header-content .logoBox .logoImg {
	position: relative;
	top: 10px
}

.header-box .header-content .logoBox .quickGametitle {
	font-size: 20px;
	font-weight: 700
}

.header-box .header-content .logoBox .quickAppTitle {
	border-left: 1px solid #fff;
	font-size: 16px;
	margin-left: 10px;
	padding-left: 10px
}

.header-box .header-content .slot-box {
	flex: 1
}

.header-box .header-content .logoBox {
	position: relative;
	line-height: 70px;
	height: 70px;
	display: flex;
	align-items: center
}

.header-box .header-content .logoBox .RouterName {
	border-left: 1px solid #fff;
	font-size: 16px;
	margin-left: 10px;
	padding-left: 10px
}

.header-box .header-content .accountBox {
	height: 70px;
	display: flex;
	align-items: center
}

.header-box .header-content .accountBox .access {
	padding: 0 20px;
	height: 30px;
	line-height: 28px;
	border: 1px solid #f1f1f1;
	border-radius: 15px;
	text-align: center
}

.header-box .header-content .accountBox .infoBox {
	padding-top: 6px;
	position: relative;
	display: flex;
	align-items: center;
	height: 60px;
	z-index: 9;
	background: #000
}

.header-box .header-content .accountBox .info {
	padding: 0 20px;
	margin-top: 3px;
	height: 30px;
	border: 1px solid #f1f1f1;
	border-radius: 15px;
	text-align: center
}

.header-box .header-content .accountBox .info .userName {
	display: inline-block;
	margin-right: 10px;
	margin-top: 3px;
	width: 150px
}

.header-box .header-content .accountBox .info .triangle-top {
	position: relative;
	display: inline-block;
	top: 8px;
	right: -2px;
	border: 6px solid transparent;
	border-top: 6px solid #fff
}

.header-box .header-content .menu-nav {
	height: 70px;
	display: flex;
	justify-content: center;
	font-size: 16px
}

.header-box .header-content .menu-nav .nav-item {
	position: relative;
	line-height: 70px
}

.header-box .header-content .menu-nav .nav-item .nav-item-centent {
	position: relative;
	height: 60px;
	z-index: 9;
	background: #000
}

.header-box .header-content .menu-nav .nav-item .nav-item-centent .triangle-top {
	position: absolute;
	display: inline-block;
	top: 55%;
	right: 0;
	border: 4px solid transparent;
	border-top: 4px solid #fff
}

.header-box .header-content .menu-nav .nav-item .nav-item-centent .hover-icon {
	position: absolute;
	left: 50%;
	bottom: 20%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 0;
	height: 2px;
	background: #007aff;
	border-radius: 2px;
	transition: width .3s ease
}

.header-box .header-content .menu-nav .nav-item .nav-item-centent .hover-text {
	display: block;
	padding: 0 20px;
	width: 100%;
	height: 70px
}

.header-box .header-content .menu-nav .nav-item:hover {
	color: #007aff
}

.header-box .header-content .menu-nav .nav-item:hover .hover-icon {
	width: 20px
}

.header-box .header-content .menu-nav .nav-item:hover .hover-text {
	font-weight: 700
}

.header-box .header-content .menu-nav .active {
	color: #007aff!important
}

.header-box .header-content .menu-nav .active .hover-icon {
	width: 20px!important
}

.header-box .header-content .menu-nav .active .hover-text {
	font-weight: 700!important
}

.dropdown-box {
	position: relative;
	height: 100%
}

.dropdown-box .dropdown-items {
	position: absolute;
	top: -999px;
	left: 0;
	width: 100%;
	border-top: 2px solid #007aff;
	background: #fff;
	color: #000;
	transition: top .5s ease;
	z-index: 8;
	text-align: center;
	box-shadow: 0 0 13px 0 rgba(66,134,245,.2)
}

.dropdown-box .dropdown-items .nav .item {
	line-height: 40px
}

.dropdown-box .dropdown-items .nav .item .text {
	position: relative;
	font-size: 14px
}

.dropdown-box .dropdown-items .nav .item .text .ativeIcon {
	position: absolute;
	left: -10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 2px;
	height: 0;
	background: #007aff;
	border-radius: 2px;
	transition: height .3s ease
}

.dropdown-box .dropdown-items .nav .item:hover .ativeIcon {
	height: 10px
}

.dropdown-box .dropdown-items .triangleBottom {
	position: absolute;
	top: -13px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border: 6px solid transparent;
	border-bottom: 6px solid #007aff
}

.dropdown-box:hover {
	overflow: visible;
	color: #007aff
}

.dropdown-box:hover .dropdown-items {
	top: 100%
}

.dropdown-box:hover .triangle-top {
	border-color: #007aff transparent transparent!important
}


.feedback{width:1000px; margin:0 auto; font-size:14px}
.feedback_tit{height:48px; width:1000px; background-color:#DDF2FD; margin-bottom:15px}
.feedback_tit h1{width:173px; text-align:center; height:48px; line-height:48px; color:#FFFFFF; font-size:18px; font-weight:normal; background-color:#3EB0F1}
.feedback span{color:#DF0000}
.feedback_tit2{height:60px; width:1000px;  margin-bottom:15px; line-height:60px; font-size:18px; border-bottom:#EEEEEE solid 1px}
.reset{width:120px; height:40px; text-align:center; font-size:16px; color:#FFFFFF; background-color:#3EB0F1; border:0; font-family:"微软雅黑"}
.inputs{width:303px; height:26px; line-height:26px; padding-left:5px; border:#CCCCCC solid 1px; background-color:#FFFFFF}

.top{width:1000px; margin:0 auto; height:82px; background:url(/images/logo.jpg) 0% 50% no-repeat; overflow:hidden; }
.menu{width:420px; height:82px; margin-left:312px; margin-top:32px; height:28px; float:left }
.menu li{/*width:32px;*/ height:28px; text-align:center; font-size:16px; margin-right:30px; float:left}
.menu li a{display:block;/*width:32px;*/ height:28px; color:#666666}
.menu li a:hover{border-bottom:#666666 solid 2px}
.tel2{width:238px; float:left; height:64px; background-image:url(/images/tel2_icon.png); background-position:bottom; background-repeat:no-repeat; line-height:45px; text-align:right; color:#666666}
.tel2 a{color:#666666}

.foot_bg{width:100%; height:95px; border-top:#DEDEDE solid 1px; margin-top:50px}
.foot_bg p{text-align:center; line-height:24px; margin-top:20px}

.footbg{width:100%;position:fixed; bottom:0}
.footer{width:1000px; margin:0 auto;  line-height:18px; color:#FFFFFF; padding-bottom:5px}
.footer a{color:#FFFFFF}