article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {
	display: block
}

audio,canvas,video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}[hidden],template {
	display: none
}

html {
	background: #fff;
	color: #000;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

button,html,input,select,textarea {
	font-family: sans-serif
}

body, h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	color: #434343;
}

a {
	background: transparent;
	color: #434343;
}

a:focus {
	outline: 0
}

a:active,a:hover {
	outline: 0
}



abbr[title] {
	border-bottom: 1px dotted
}

b,strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

mark {
	background: #ff0;
	color: #000
}

code,kbd,pre,samp {
	font-family: monospace,serif;
	font-size: 1em
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}

q {
	quotes: "\201C" "\201D" "\2018" "\2019"
}

q:after,q:before {
	content: "";
	content: none
}

small {
	font-size: 80%
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 0
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0;
	white-space: normal
}

button,input,select,textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
	vertical-align: baseline
}

button,input {
	line-height: normal
}

button,select {
	text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],input[disabled] {
	cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto;
	vertical-align: top
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

input[type=checkbox],input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden
}

.clearfix {
	display: inline-block
}

* html .clearfix {
	height: 1%
}

.clearfix {
	display: block
}

.clearfix:after,.fix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix,.fix {
	zoom: 1
}

.floatL {
	float: left
}

.floatR {
	float: right
}

body {
	font-family: Microsoft Yahei;
	font-size: 14px;
	background: #fff
}

a {
	text-decoration: none
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 400
}

dd,dl,dt,li,ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.clearfix {
	*zoom: 1
}

.clearfix:after,.clearfix:before {
	display: table;
	content: "";
	line-height: 0
}

.clearfix:after {
	clear: both
}

.f-left {
	float: left
}

.f-right {
	float: right
}

.block {
	display: block!important
}

.main-wrap {
	width: 1280px;
	margin: 0 auto;
	position: relative
}

@media screen and (min-width:1500px) {
	.main-wrap {
		width: 1500px
	}
}

.f16 {
	font-size: 16px
}

.f20 {
	font-size: 20px
}

.f18 {
	font-size: 18px
}

.f24 {
	font-size: 24px
}

.f30 {
	font-size: 30px!important
}

.f50 {
	font-size: 50px!important
}

.f45 {
	font-size: 45px!important
}

.mt0 {
	margin: 0!important
}

.mt5 {
	margin-top: 5px!important
}

.mt10 {
	margin-top: 10px!important
}

.mt15 {
	margin-top: 15px
}

.mt20 {
	margin-top: 20px!important
}

.mt-10 {
	margin-top: -10px!important
}

.mt-20 {
	margin-top: -20px!important
}

.mt-40 {
	margin-top: -40px!important
}

.mt30 {
	margin-top: 30px
}

.mt40 {
	margin-top: 40px
}

.mt50 {
	margin-top: 50px
}

.mt60 {
	margin-top: 60px!important
}

.mt70 {
	margin-top: 70px
}

.mt80 {
	margin-top: 80px!important
}

.mt90 {
	margin-top: 90px
}

.mt100 {
	margin-top: 100px
}

.mt110 {
	margin-top: 110px
}

.mt125 {
	margin-top: 125px
}

.mt130 {
	margin-top: 130px
}

.mt150 {
	margin-top: 150px
}

.mt170 {
	margin-top: 170px
}

.mt180 {
	margin-top: 180px
}

.ml10 {
	margin-left: 10px
}

.ml16 {
	margin-left: 16px
}

.ml20 {
	margin-left: 20px
}

.ml30 {
	margin-left: 30px
}

.ml40 {
	margin-left: 40px
}

.ml50 {
	margin-left: 50px
}

.ml70 {
	margin-left: 70px
}

.mr5 {
	margin-right: 5px
}

.mr50 {
	margin-right: 50px
}

.mr10 {
	margin-right: 10px
}

.mr20 {
	margin-right: 20px
}

.mb20 {
	margin-bottom: 20px
}

.mb30 {
	margin-bottom: 30px
}

.mb50 {
	margin-bottom: 50px
}

.mb60 {
	margin-bottom: 60px
}

.mb80 {
	margin-bottom: 80px
}

.mtb5 {
	margin: 5px 0!important
}

.mtb10 {
	margin: 10px 0
}

.mtb20 {
	margin: 20px 0
}

.mtb40 {
	margin: 40px 0
}

.pt1 {
	padding-top: 1px
}

.pt40 {
	padding-top: 40px
}

.pt80 {
	padding-top: 80px
}

.pb20 {
	padding-bottom: 20px!important
}

.pb30 {
	padding-bottom: 30px!important
}

.pb80 {
	padding-bottom: 80px!important
}

.pb100 {
	padding-bottom: 100px!important
}

.pb60 {
	padding-bottom: 60px!important
}

.pb40 {
	padding-bottom: 40px!important
}

.ptb40 {
	padding: 40px 0 100px!important
}

.ptb60 {
	padding: 60px 0 100px!important
}

.pl10 {
	padding-left: 10px
}

.pl40 {
	padding-left: 40px
}

.pr40 {
	padding-right: 40px
}

.pr150 {
	padding-right: 150px
}

.bt6 {
	border-top: 6px solid #eee
}

.lh26 {
	line-height: 26px!important
}

.lh30 {
	line-height: 30px!important
}

.lh40 {
	line-height: 40px!important
}

.lh60 {
	line-height: 60px!important
}

.bold {
	font-weight: 700
}

.bg-f9 {
	background-color: #f9f9f9!important
}

.bg-f2 {
	background-color: #f2f2f2!important
}

.bg-f3 {
	background-color: #f3f3f3!important
}

.bg-f8 {
	background: #f8f8f8
}

.align-left {
	text-align: left!important
}

.align-right {
	text-align: right!important
}

.align-center {
	text-align: center!important
}

.g333 {
	color: #333
}

.g666 {
	color: #666
}

.g999 {
	color: #999
}

.red {
	color: red
}

.light-blue {
	color: #3db1ea
}

.drak-blue {
	color: #1b77b9
}

.b-radius-lt3 {
	border-radius: 3px 0 0 0
}

.b-radius-lb3 {
	border-radius: 0 0 0 3px
}

.blue-link {
	color: #3db1ea
}

.blue-link:hover {
	color: #1b77b9
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

@-webkit-keyframes a {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,10%,0);
		transform: translate3d(0,10%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes a {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,10%,0);
		transform: translate3d(0,10%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInUp {
	-webkit-animation-name: a;
	animation-name: a
}

.blue-btn {
	height: 32px;
	line-height: 32px;
	text-align: center;
	background: #3db1ea;
	border: 1px solid #3db1ea;
	display: inline-block;
	padding: 0 30px;
	border-radius: 16px;
	cursor: pointer
}

.blue-btn,.blue-btn a {
	color: #fff
}

.blue-btn:hover {
	background: #1b77b9;
	border: 1px solid #1b77b9;
	transition: all .5s linear .1s
}

.white-btn {
	height: 32px;
	line-height: 32px;
	text-align: center;
	background: none;
	border: 1px solid #3db1ea;
	display: inline-block;
	padding: 0 30px;
	border-radius: 16px;
	cursor: pointer
}

.white-btn,.white-btn a {
	color: #3db1ea
}

.white-btn:hover {
	background: #3db1ea;
	border: 1px solid #3db1ea;
	color: #fff;
	transition: all .5s linear .1s
}

.white-btn:hover a {
	color: #fff
}

.top-blue-btn {
	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
}
.cover-img {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.top-blue-btn a {
	color: #fff
}

.top-blue-btn:hover {
	background: #1b77b9;
	border: 1px solid #1b77b9;
	transition: all .5s linear .1s
}

.gray-col,.sub-gray-col {
	background: #f2f2f2
}

.bg-f5 {
	background: #f5f5f5
}

.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%
}

.zq-icon {
	display: inline-block;
	background: url(../images/new300-sprite-icon.png) no-repeat
}

.icon40x40 {
	width: 40px;
	height: 40px
}

.icon7x13 {
	width: 7px;
	height: 13px
}

.icon17x17 {
	width: 17px;
	height: 17px
}

.icon18x18 {
	width: 18px;
	height: 18px
}

.icon29x29 {
	width: 29px;
	height: 29px
}

.icon36x36 {
	width: 36px;
	height: 36px
}

.icon35x35 {
	width: 35px;
	height: 35px
}

.icon50x50 {
	width: 50px;
	height: 50px
}

.icon60x55 {
	width: 60px;
	height: 55px
}

.icon60x60 {
	width: 60px;
	height: 60px
}

.icon62x62 {
	width: 62px;
	height: 62px
}

.icon66x66 {
	width: 66px;
	height: 66px
}

.icon64x64 {
	width: 64px;
	height: 64px
}

.icon70x65 {
	width: 70px;
	height: 65px
}

.icon83x83 {
	width: 83px;
	height: 83px
}

.icon47x47 {
	width: 47px;
	height: 47px
}

.icon57x57 {
	width: 57px;
	height: 57px
}

.icon85x85 {
	width: 85px;
	height: 85px
}

.icon150x150 {
	width: 150px;
	height: 150px
}

.icon250x200 {
	width: 250px;
	height: 200px
}

.crad-area-icon1 {
	background-position: 0 0
}

.crad-area-icon2 {
	background-position: -40px 0
}

.crad-area-icon3 {
	background-position: -80px 0
}

.crad-area-icon4 {
	background-position: -120px 0
}

.solution-icon1 {
	background-position: 3px -50px
}

.solution-icon2 {
	background-position: -60px -50px
}

.solution-icon3 {
	background-position: -120px -50px
}

.solution-icon4 {
	background-position: -180px -50px
}

.solution-icon5 {
	background-position: -240px -50px
}

.t-phone-icon {
	background-position: -100px -350px
}

.icon14x26 {
	width: 14px;
	height: 26px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -13px 0 0 -7px
}

.left-arrow {
	background-position: -250px 0
}

.rig-arrow {
	background-position: -264px 0
}

.popular-app-icon1 {
	background-position: 0 -110px
}

.popular-app-icon2 {
	background-position: -64px -110px
}

.popular-app-icon3 {
	background-position: -128px -110px
}

.popular-app-icon4 {
	background-position: -192px -110px
}

.popular-app-icon5 {
	background-position: -256px -110px
}

.cz-icon1 {
	width: 90px;
	background-position: 0 -200px
}

.cz-icon1,.cz-icon2 {
	height: 55px;
	margin: 0 20px 0 0
}

.cz-icon2 {
	width: 100px;
	background-position: -120px -200px
}

.cz-icon3 {
	width: 220px;
	height: 67px;
	background-position: -240px -188px;
	margin: -10px 20px 0 0
}

.f-t-icon1 {
	background-position: 0 -260px
}

.f-t-icon2 {
	background-position: -47px -260px
}

.f-t-icon3 {
	background-position: -94px -260px
}

.f-t-icon4 {
	background-position: -141px -260px
}

.icon-hot {
	width: 48px;
	height: 48px;
	background-position: 0 -320px
}

.page-icon,.protal-icon {
	display: inline-block;
	background: url(../images/protal/protal-icon-img.png) no-repeat
}

.protal-l-icon {
	background-position: 0 0
}

.protal-phone {
	background-position: -100px 0
}

.protal-phone-num {
	width: 137px;
	height: 16px;
	background-position: -150px 0
}

.protal-down-arrow {
	width: 26px;
	height: 40px;
	background-position: 0 -100px
}

.protal-b-icon-1 {
	background-position: 0 -200px
}

.protal-b-icon-2 {
	background-position: -40px -200px
}

.protal-b-icon-3 {
	background-position: -80px -200px
}

.protal-b-icon-4 {
	background-position: -120px -200px
}

.protal-b-icon-5 {
	background-position: -160px -200px
}

.er-b-icon-1 {
	background-position: 0 -150px
}

.er-b-icon-2 {
	background-position: -40px -150px
}

.er-b-icon-3 {
	background-position: -80px -150px
}

.er-b-icon-4 {
	background-position: -120px -150px
}

.yy-icon {
	display: inline-block;
	background: url(../images/youyi/youyi-icon-img.png) no-repeat
}

.y-info-icon-1 {
	background-position: 0 0
}

.y-info-icon-2 {
	background-position: -60px 0
}

.y-info-icon-3 {
	background-position: -120px 0
}

.yy-tab-line-11 {
	background-position: 0 -300px
}

.yy-tab-line-12 {
	background-position: -198px -300px
}

.yy-tab-line-13 {
	background-position: -396px -300px
}

.yy-tab-line-14 {
	background-position: -66px -300px
}

.yy-tab-line-15 {
	background-position: -264px -300px
}

.yy-tab-line-16 {
	background-position: -462px -300px
}

.yy-tab-line-17 {
	background-position: -132px -300px
}

.yy-tab-line-18 {
	background-position: -330px -300px
}

.yy-tab-line-19 {
	background-position: -528px -300px
}

.yy-tab-line-21 {
	background-position: 0 -200px
}

.yy-tab-line-22 {
	background-position: -198px -200px
}

.yy-tab-line-23 {
	background-position: -396px -200px
}

.yy-tab-line-24 {
	background-position: -66px -200px
}

.yy-tab-line-25 {
	background-position: -264px -200px
}

.yy-tab-line-26 {
	background-position: -462px -200px
}

.yy-tab-line-27 {
	background-position: -132px -200px
}

.yy-tab-line-28 {
	background-position: -330px -200px
}

.yy-tab-line-29 {
	background-position: -528px -200px
}

.yy-tab-line-31 {
	background-position: 0 -100px
}

.yy-tab-line-32 {
	background-position: -198px -100px
}

.yy-tab-line-33 {
	background-position: -396px -100px
}

.yy-tab-line-34 {
	background-position: -66px -100px
}

.yy-tab-line-35 {
	background-position: -264px -100px
}

.yy-tab-line-36 {
	background-position: -462px -100px
}

.yy-tab-line-37 {
	background-position: -132px -100px
}

.yy-tab-line-38 {
	background-position: -330px -100px
}

.yy-tab-line-39 {
	background-position: -528px -100px
}

.product-server-icon-1 {
	background-position: 0 -400px
}

.product-server-icon-2 {
	background-position: -70px -400px
}

.product-server-icon-3 {
	background-position: -140px -400px
}

.product-server-icon-4 {
	background-position: -210px -400px
}

.product-server-icon-5 {
	background-position: -280px -400px
}

.product-server-icon-6 {
	background-position: -350px -400px
}

.public-cloud-icon-1 {
	background-position: 0 -500px
}

.public-cloud-icon-2 {
	background-position: -60px -500px
}

.public-cloud-icon-3 {
	background-position: -120px -500px
}

.public-cloud-icon-4 {
	background-position: -180px -500px
}

.experience-product-icon-1 {
	background-position: 0 -600px
}

.experience-product-icon-2 {
	background-position: -85px -600px
}

.experience-product-icon-3 {
	background-position: -170px -600px
}

.bg-l-blue {
	background-color: #3db1ea;
	border-radius: 50%
}

.bg-l-blue:hover {
	background-color: #1b77b9
}

.icon-prev {
	background-position: 0 -300px;
	margin-top: 8px
}

.icon-next {
	background-position: -10px -300px;
	margin-top: 8px
}

.footer-topbar-content .footer-topbar-item {
	width: 25%;
	float: left;
	text-align: center
}

.footer-topbar-content .footer-topbar-item p {
	color: #fff;
	margin: 10px 0
}

.footer-topbar-content .footer-topbar-item .footer-topbar-item-con {
	display: inline-block
}

.footer-topbar-content .footer-topbar-item .f-top-img {
	margin: 20px 15px 0 0
}

.footer-topbar-content .footer-topbar-item .f-top-content {
	text-align: left
}

.footer-topbar-content .footer-topbar-item .f-top-content h4 {
	font-size: 18px;
	color: #73777a;
	margin: 20px 0 0
}

.footer-topbar-content .footer-topbar-item .f-top-content p {
	font-size: 12px;
	color: #858d97;
	margin: 5px 0 0
}

.footer .footer-topbar .footer-topbar-content .footer-topbar-item {
	width: 25%;
	float: left
}

.footer .footer-topbar .footer-topbar-content .footer-topbar-item p {
	color: #fff;
	margin: 10px 0
}

.footer .footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img {
	margin: 20px 15px 0 0
}

.footer .footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content h4 {
	font-size: 18px;
	color: #73777a;
	margin: 20px 0 0
}

.footer .footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content p {
	font-size: 12px;
	color: #858d97;
	margin: 5px 0 0
}

.footer .footer-body {
	background: #23262a;
	padding: 60px 0
}

.footer .footer-content {
	position: relative
}

.footer .footer-map-menu .footer-map-menu-item {
	width: 180px;
	float: left
}

.footer .footer-map-menu .footer-map-menu-item h5 {
	color: #fff;
	margin: 0 0 10px
}

.footer .footer-map-menu .footer-map-menu-item ul {
	padding-top: 1px
}

.footer .footer-map-menu .footer-map-menu-item li {
	font-size: 12px;
	margin: 10px 0
}

.footer .footer-map-menu .footer-map-menu-item li a {
	color: #9b9ea0
}

.footer .footer-map-menu .footer-map-menu-item li a:hover {
	color: #1297d9
}

.footer .footer-menu span {
	color: #9b9ea0
}

.footer .footer-menu a {
	padding: 0 12px;
	color: #9b9ea0;
	font-size: 14px
}

.footer .footer-menu a:hover {
	color: #1297d9
}

.footer .footer-menu a.first {
	padding-left: 0
}

.footer .copyright {
	color: #73777a;
	font-size: 12px;
	line-height: 20px
}

.footer .gzwm {
	position: absolute;
	right: 0;
	top: -25px;
	font-size: 12px;
	line-height: 12px;
	width: 290px
}

.footer .gzwm a {
	color: #999;
	transition: color .2s;
	-moz-transition: color .2s;
	-webkit-transition: color .2s;
	-o-transition: color .2s
}

.footer .gzwm a:hover {
	color: #1297d9
}

.footer .gzwm a.locat {
	position: absolute;
	top: 9px;
	right: 160px;
	display: block;
	height: 15px;
	width: 100px;
	line-height: 15px;
	background: url(../images/icon-locat.html) no-repeat 0 -20px;
	padding-left: 15px;
	color: #1297d9
}

.footer .hotLine p {
	margin: 0 0 10px
}

.footer .hotLine a {
	color: #899097
}

.footer .gzwm .attention {
	float: right;
	margin: 20px 0 0;
	text-align: right;
	width: 290px
}

.footer .gzwm .attention span {
	display: inline-block;
	color: #9b9ea0;
	cursor: pointer
}

.footer .gzwm .attention li {
	margin: 8px 0
}

.footer .gzwm .attention .active {
	font-size: 14px
}

.footer .gzwm .attention .active .ewm {
	display: block
}

.footer .gzwm .attention .ewm {
	text-align: right;
	display: none;
	margin: 10px 0 0
}

.footer .gzwm .kxwz {
	width: 336px;
	height: 32px;
	display: block;
	float: right;
	text-align: left;
	margin: 10px 0 0
}

.footer .gzwm div.kxwz span {
	top: 0;
	right: 0
}

.footer .gzwm div.kxwz img {
	width: 89px;
	height: 32px
}

.footer .hotLine {
	width: 336px;
	float: right;
	color: #fff
}

.footer .hotLine .hot-img {
	margin: 0 20px 0 0
}

.footer .hotLine .hot-content {
	text-align: right
}

.footer .hotLine .hot-content h5 {
	font-size: 12px;
	font-weight: 400;
	color: #73777a;
	margin: 0 0 5px
}

.footer .hotLine .hot-content p {
	font-size: 30px;
	color: #fff;
	margin: 15px 0 0;
	font-weight: 700
}

.drak-footer .footer-body {
	background-color: #f5f5f6
}

.drak-footer .footer-map-menu .footer-map-menu-item h5 {
	color: #373d41
}

.drak-footer .footer-map-menu .footer-map-menu-item li a {
	color: #73777a
}

.drak-footer .footer-menu a {
	padding: 0 12px;
	color: #9b9ea0
}

.drak-footer .hotLine .hot-content p {
	color: #0f1e2b
}

.footer .list {
	margin-bottom: 15px
}

.drak-footer .copyright {
	font-size: 12px;
	line-height: 26px
}

.footer .gzwm .hotLine .official {
	position: absolute;
	right: 36px;
	top: 0
}

.footer .gzwm p {
	color: #899097
}

.top-menu {
	background: #0f1e2b;
	height: 127px;
	border-bottom: 1px solid #4d5b67
}

.top-menu:hover {
	background: #182836;
	border-color: #64717b
}

.top-menu .topbar-box {
	width: 1280px;
	height: 160px;
	margin: 0 auto
}

@media screen and (min-width:1500px) {
	.top-menu .topbar-box {
		width: 1500px
	}
}

.top-menu .menu-body {
	position: relative;
	z-index: 9999;
}

.top-menu .menu-body .top-border {
	height: 3px;
	position: absolute;
	bottom: 0;
	background: #3db1ea
}

.top-menu .menu-body .menu-content {
	list-style-type: none;
	margin-top:35px;
	height: 60px;
	position: relative
}

.top-menu .menu-body .menu-content .menu-item {
	position: relative;
	float: left;
	height: 60px
}

.top-menu .menu-body .menu-content .menu-item a {
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 20px 23px;
	color: #fff
}

.top-menu .menu-body .menu-detail {
	padding: 30px;
	position: absolute;
	z-index: 6;
	top: 61px;
	display: none;
	color: #fff;
	z-index: 3;
	background: rgba(0,44,79,.9);
	background: #002e52 \0;
	border-radius: 0 0 5px 5px
}

.top-menu .menu-body .menu-subcontent .menu-subitem {
	height: 168px;
	border-right: 1px solid #29608c;
	padding: 0 15px 0 20px
}

.top-menu .menu-body .menu-subcontent .menu-subitem h3 {
	font-size: 14px;
	color: #fff;
	font-weight: 700;
	text-align: left;
	font-weight: 400;
	margin: 14px 0
}

.top-menu .menu-body .menu-subcontent .menu-subitem ul {
	text-align: left
}

.top-menu .menu-body .menu-subcontent .menu-subitem ul li a {
	color: #bce4ff;
	padding: 5px 0;
	font-size: 12px
}

.top-menu .menu-body .menu-subcontent .menu-subitem ul li a:hover {
	color: #3db1ea
}

.top-menu .top-phone {
	padding: 17px 0 0
}

.top-menu .top-phone p {
	margin: 0;
	color: #fff;
	line-height: 20px
}

.top-menu .center-body a {
	color: #fff
}

.top-menu .center-body a:hover {
	color: #3db1ea
}

.top-menu .center-body .center-btn {
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 15px 0 0
}

.top-menu .tool-body a {
	color: #fff
}

.top-menu .tool-body .center-btn,.top-menu .tool-body .login-btn,.top-menu .tool-body .reg-btn {
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #3db1ea;
	margin: 15px 0 0
}

.top-menu .tool-body .center-btn:hover,.top-menu .tool-body .login-btn:hover,.top-menu .tool-body .reg-btn:hover {
	background: #1297d9
}

.top-menu .tool-body .login-btn {
	border-radius: 15px 0 0 15px;
	padding: 0 10px 0 20px
}

.top-menu .tool-body .reg-btn {
	border-radius: 0 15px 15px 0;
	padding: 0 20px 0 10px
}

.top-menu .tool-body .center-btn a {
	padding: 0 10px
}

.footer .footer-topbar {
	height: 90px;
	background: #333
}

.btn-more{
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-ms-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
	cursor: pointer;
}
.co-whiter { color: #fff; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.btn-more {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border: 1px solid #cecece;
	line-height: 27px;
	font-size: 12px;
}
.btn-more:hover {
	background: #ff6600;
	border: 1px solid #ff6600;
	color: #fff;
}
.btn-more.style1 {
	padding: 5px 20px;
	margin: 80px 0;
	font-size: 14px;
}


.header-style1.padding1 { padding: 70px 0; }
.header-style1.padding2 { padding: 50px 0; }
.header-style1 h4 {
	padding-bottom: 18px;
	font-size: 24px;
	font-weight: 300;
}
.header-style1 h5 {
	font-size: 16px;
	font-weight: 300;
}
.business-tab li {
	position: relative;
	float: left;
	width: 16.66666%;
	height: 123px;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
}
.business-tab li:nth-child(even){ background: #f1f1f1; }
.business-tab li:nth-child(odd){ background: #fafafa; }
.business-tab li .title {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -38px;
	height: 38px;
	background: rgba(0, 0, 0, .5);
	line-height: 38px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-ms-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}
.business-tab li img {
	width: 80px;
	height: 80px;
	margin-top: 23px;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-ms-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}

.business-tab li:hover .title,
.business-tab li.current .title { bottom: 0; }

.business-tab li:hover img {
	width: 65px;
	height: 65px;
	margin-top: 10px;
}


.business-content1 .l-w {
	float: left;
	width: 220px;
	padding-top: 20px;
}
.business-content1 .r-w { margin-left: 220px; }

.header-style3 {
  font-size: 18px;
  font-weight: normal; }
  .header-style3 .line {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 2px;
    height: 20px;
    margin: 0 15px -4px 0;
    background: #5a5a5a; }
.pc-platform { padding-top: 15px; }
.pc-platform li {
	float: left;
	width: 33.33333%;
}
.pc-platform li .warp {
	position: relative;
}
.pc-platform li .title {
	font-size: 15px;
}
.pc-platform li:hover .title{ color: #ff6600; }
.pc-platform li .txt {
	padding: 8px 90px 45px 0;
	font-size: 12px;
	font-weight: 300;
	line-height: 20px;
}

.mobile-platform-warp {
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
}
.mobile-platform { overflow: hidden; }
.mobile-platform ul { margin-left: -27px; margin-right: -27px; }
.mobile-platform figure	{
	float: left;
	width: 16.66666%;
	text-align: center;
}
.mobile-platform .warp	{
	padding: 42px 27px 48px;
	border-right: 1px solid #f0f0f0;
}
.mobile-platform figcaption {
	font-size: 16px;
}
.mobile-platform .link {
	margin: 12px auto 15px;
	overflow: hidden;
}
.mobile-platform .warp:hover figcaption{ color: #ff6600; }
.mobile-platform .warp:hover .link .cover-img{
	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
.mobile-platform .cover-img {
	display: block;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.mobile-platform img {
	width: 100%;
	display: block;
}
.mobile-platform .txt {
	font-size: 12px;
	color: #909090;
	line-height: 20px;
	padding-bottom: 10px;
}
.mobile-platform .btn-more {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 83px;
	height: 27px;
	border: 1px solid #cecece;
	line-height: 27px;
	font-size: 12px;
}
.platform-accessories-warp { border-bottom: 1px solid #f0f0f0; }
.platform-accessories .warp {
	border-right: none;
	padding: 42px 20px 0;
}
.platform-accessories figure {width: 14.28571%; }
.platform-accessories .link {
	width: 70px;
	height: 70px;
	
	-webkit-transform: rotate3d(0, 1, 0, 0);
    -moz-transform: rotate3d(0, 1, 0, 0);
    -ms-transform: rotate3d(0, 1, 0, 0);
    -o-transform: rotate3d(0, 1, 0, 0);
    transform: rotate3d(0, 1, 0, 0);
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
	

}
.platform-accessories .warp:hover .link{
	-webkit-transform: rotate3d(0, 1, 0, 360deg);
    -moz-transform: rotate3d(0, 1, 0, 360deg);
    -ms-transform: rotate3d(0, 1, 0, 360deg);
    -o-transform: rotate3d(0, 1, 0, 360deg);
    transform: rotate3d(0, 1, 0, 360deg);
	
}
.platform-accessories .warp:hover figcaption{ color: #ff6600; }
.platform-accessories figcaption {
	font-size: 14px;
}
.platform-accessories .txt { line-height: 18px; }
.platform-accessories .line {
	display: block;
	margin-top: 5px;
	height: 2px;
}

.team-pic-warp {
	padding-top: 80px;
	background: #fbfbfb;
}
.team-pic {
	padding: 80px 0 150px;
	text-align: center;
	font-size: 0;
}
.team-pic .item {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	position: relative;
	
}
.team-pic .item .warp  {
	background: #fff;
	padding: 20px;
	margin: 0 30px;
	position: relative;
}
.team-pic .item .pic-box {
	margin: 83px 38px 0 0;
	overflow: hidden;
}
.team-pic .item .img {
	-webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.team-pic .item .txt {
	position: absolute;
	top: 20px;
	right: 14px;
}
.team-pic .item .name,
.team-pic .item i,
.team-pic .item p {
	float: right;
}

.team-pic .item i {
	width: 1px;
	height: 38px;
	margin: 5px 14px 0;
	background: #595959;
}


.team-pic .item:hover p{ color: #ff6600;}
.team-pic .item p {
	padding-right: 5px;
	font-size: 14px;
	text-align: right;
	line-height: 24px;
}
.team-pic .item .pic-box:hover img{
	-webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}